ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: affsom ที่ 25 กุมภาพันธ์ 2014, 22:48:50



หัวข้อ: ช่วยดูโค๊ต java toggle ให้หน่อยครับ งมมานานแล้ว +1
เริ่มหัวข้อโดย: affsom ที่ 25 กุมภาพันธ์ 2014, 22:48:50
คือต้องการกดที่ h3.shin แล้วให้ ul.footerul มัน toggle ครับ และเมื่อกดที่ h3.shin ตัวอื่น ตัวที่toggleอยู่มันจะเลื่อนขึ้นปิดอ่ะครับ ผมลองเขียนแล้วโค๊ตมันยาวมากเลยครับ ลองทำตามนี้ jsfiddle.net/85zCp/ มันก็ยังงงครับ :wanwan017: :wanwan017:
โค๊ด:
<div class="top-row">
    <div class="column">
    <h3 class="shin">ข้อมูล</h3>
    <ul class="footerul">
            <li>About Us</li>
            <li>Delivery Information</li>
            <li>Privacy Policy</li>
            <li>Terms &amp; Conditions</li>
          </ul>
  </div>
  <div class="column">
    <h3 class="shin">บริการของเรา</h3>
    <ul class="footerul">
      <li>ติดต่อเรา</li>
<li>แจ้งการชำระเงิน</li>
      <li>คืนสินค้า</li>
      <li>แผนผังเว็บไซต์</li>
    </ul>
  </div>
<div class="column">
    <h3 class="shin">พิเศษ</h3>
    <ul class="footerul">
      <li>ยี่ห้อ</li>
      <li>บัตรส่วนลด</li>
      <li>พันธมิตรการค้า</li>
      <li>โปรโมชั่น</li>
    </ul>
  </div>


  <div class="column">
    <h3 class="shin">บัญชี</h3>
    <ul class="footerul">
      <li>บัญa></li>
      <li>ประวัติ</li>
      <li>รายการโปรด</li>
      <li>จดหมายข่าว</li>
    </ul>
  </div>

</div>