Question

问题如下。所以，我有这个HTML

<div class="sitemap">
   <div class="collapse-all">
      [<a href="#">alles Ausklappen / Einklappen</a>]
   </div>
<div class="collapse-list">    <!-- 1. box -->
  <div class="collapse-box">
     <h2>
        <a href="#first-select-box" title="" class="collapse-btn accordion-toggle collapsed" data-toggle="collapse">Logo</a>
     </h2>
     <!-- This "in" class for some reason helps us to keep all  boxes closed -->
     <div class="collpase-container collapse in" id="first-select-box">
      <ul>
       <li >

我需要添加课程，让我们说＆＃34;活跃＆＃34;用户点击div＆＃34;折叠全部＆＃34;到元素折叠框。我希望我说清楚。

以下是DOM的小屏幕截图。

链接截图： http://i62.tinypic.com/r8e8zs.jpg

请尝试编辑这个小提琴： http://jsfiddle.net/ufe8n/1/

Answer 1

您可以在.collapse-all div：

的点击处理程序中使用此代码

$(".collapse-all").click(function(){
  $(this).next().find('.collapse-box').addClass('active');
});

Answer 2

$(".collapse-all").click(function(){
  $(".collapse-box").addClass("active");
});

Answer 3

$(".collapse-all").live("click",function(){
  $(".collapse-box").addClass("active");
});

Answer 4

你可以这样做：

$(".collapse-all a").click(function(e){
  e.preventDefault();
  $(this).closest(".collapse-all").next().find('.collapse-box').addClass('active');
});

如何在另一个列表上的click事件上添加类

4 个答案:

Is this you want.