คือต้องการกดที่ h3.shin แล้วให้ ul.footerul มัน toggle ครับ และเมื่อกดที่ h3.shin ตัวอื่น ตัวที่toggleอยู่มันจะเลื่อนขึ้นปิดอ่ะครับ ผมลองเขียนแล้วโค๊ตมันยาวมากเลยครับ ลองทำตามนี้ jsfiddle.net/85zCp/ มันก็ยังงงครับ

<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 & 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>