在手風琴上添加手風琴功能

如何正確將手風琴功能應用到手風琴上，我遇到了麻煩。該div是從一個foreach循環創建的，所以有多個div將包含一個帶有內容的div，所以我需要創建並應用唯一的id，以便每個div都可以正確合攏。在手風琴上添加手風琴功能

查看：

<div class="list_accordion_toggle icon-minus-sign" id="letter" data-bind="text: Letter"></div> 
    <div class="hideThis smoke_hover"> 
     <span class="h2"><small data-bind="text: Name"></small></span> 
    </div>

所以，當我在使用id = 「信」在div點擊我想有帶class = 「hideThis」隱藏的股利。

JavaScript的多個div與內容隱藏。

$(document).on('click', '.list_accordion_toggle', function (event) { 
      var togglerArr = []; 
      var contentArr = []; 

      $('.icon-minus-sign').each(function() { 
       togglerArr.push($(this)); 
      }); 

      $('.collapse').each(function() { 
       contentArr.push($(this)); 
      }); 

      for (var t = 0; t < togglerArr.length; t++) { 
       togglerArr[t][0].dataset.target = "#UserList_" + t; 
      } 

      for (var c = 0; c < contentArr.length; c++) { 
       contentArr[c][0].id = "#UserList_" + c; 
      } 
     })

如何正確地將手風琴功能綁定到div上？

來源

2013-10-18 Masriyah

像http://jsfiddle.net/arunpjohny/Pr3Xx/1/ –

類名'.list_accordion_toggle'不應該在一個'.'啓動class屬性 –

@ArunPJohny對不起。是一個錯字。是的類似於jsfiddle，但我希望所有這些默認打開和摺疊或擴大div不應該影響其他div – Masriyah

嘗試

$(document).on('click', '.list_accordion_toggle', function (event) { 
    $(this).toggleClass('icon-minus-sign collapse').next().toggle(); 
});

演示：Fiddle

來源

2013-10-18 03:24:11

我注意到，如果一個div包含5個項目 - 點擊這封信將只收掉5個項目中的1個。它不會摺疊該div下的所有項目？ – Masriyah

在手風琴上添加手風琴功能

回答

相關問題