【问题标题】:How do I link a toggle event to a single bootstrap collapse heading?如何将切换事件链接到单个引导折叠标题?
【发布时间】:2013-10-10 20:01:19
【问题描述】:

基本上希望通过链接到引导折叠标题的切换来切换单独元素的可见性。在以下情况下,单击“#producer”将展开/折叠“#collapseOne”。我想要同样的功能使“.cv”也出现和消失。不过,我不希望其他标题受到影响,所以它应该只针对单击“#producer”。

标记:

  <div class="panel-heading">
    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" id="producer">Producer Reel <em>For Hire!</em>
    </a>
    <a class="cv" href="#">
      <i class="icon-file-text-alt"></i>my CV
    </a> 
  </div>
  <div id="collapseOne" class="panel-collapse collapse">
    <div class="panel-body">...</div>

任何帮助将不胜感激!

【问题讨论】:

标签: javascript jquery twitter-bootstrap toggle collapse


【解决方案1】:
$('.accordion-toggle').click(function(){    
   $(this).next('.cv').collapse('toggle');
});

【讨论】:

  • @user2031099 如果它回答了您的问题,请将此答案标记为已接受,否则请就未解决的问题提供反馈。谢谢
猜你喜欢
  • 2016-03-25
  • 2016-02-29
  • 2021-12-09
  • 1970-01-01
  • 2017-01-19
  • 2018-04-02
  • 1970-01-01
  • 2014-02-24
  • 2014-01-27
相关资源
最近更新 更多