Question

我使用slideToggle（）展开面板中的元素。点击后，该功能不会扩展所述元素。

以下是代码：

HTML

  <div class="panel panel-default">
    <div class="panel-heading">
      <h6 class="panel-title" style="text-align: center;"><a href='#' class="accordion-toggle">Risks</a></h6>
    </div>
    <div class="accordion-content" id="risks" style="height: 0;overflow: hidden;">
      <div class="panel-body" style="text-align: center; font-size: 18px;">5.8%</div>
    </div>
  </div>

的Javascript

(document).ready(function($) {
  $('.accordion').find('.accordion-toggle').click(function(){

  //Expand or collapse this panel
  $(this).next().slideToggle('fast');

  //Hide the other panels
  $(".accordion-content").not($(this).next()).slideUp('fast');

  });
});

Answer 1

我所做的是，向上两层，然后在parent-parent-element的兄弟姐妹中查找所请求的元素。

 $(document).ready(function(){
   $(".accordion-toggle").click(function(){
      $(".accordion-toggle").not(this).parent().parent().siblings(".accordion-content").slideUp();
      $(this).parent().parent().siblings(".accordion-content").slideToggle("fast");
   });
  });

我在这里为你做了一个小提琴：https://jsfiddle.net/aLedkzw6/1/

进行编辑。你走了。

slideToggle不扩展元素

1 个答案: