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

如何正确将手风琴功能应用到手风琴上，我遇到了麻烦。该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

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

回答

相关问题