如何将切换事件链接到单个引导折叠标题？

Question

基本上是想通过与自举折叠标题的切换链接来切换单独元素的可见性。 在以下情况下，单击“ #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>

任何帮助，将不胜感激！

Answer 1

$('.accordion-toggle').click(function(){    
   $(this).next('.cv').collapse('toggle');
});