单击bootstrap手风琴时打开URL /文件

Question

我需要有关twitter的bootstrap手风琴的帮助。 我需要它到我单击手风琴标题时的位置，该标题会打开我引用它的内容。

<div class="container">
<p class="max-width-700 lead">testing</p>
<div class="col-md-6 col-sm-6 mb-sm-30"> 
 <div class="accordion">
 <div class="accordion-title">
<a href="">2014 (Opening)</a>
 </div>

 <div class="accordion-title">
  <a href="">2015 </a>
 </div>
 <div class="accordion-content">
</div>

像这样，所以当我单击2014时，它会打开一个文档或文件，我已将其链接到

Answer 1

（1）使用boostrap-collapse.js事件。 请参阅http://getbootstrap.com/2.3.2/javascript.html#collapse

为每个标题赋予唯一的ID，然后将以下js添加到HTML的末尾。

$('#myItem1').on('show', function () {
  window.location.href = '1.0.pdf';
})

（2）手风琴专门用于打开底层的隐藏内容。 使用它打开外部文件不是预期的行为-我强烈建议您不要使用这种类型的UX-一些用户将其视为clickbait。

（3） .accordion类来自自举2（β）2不再支持。

Answer 2

您需要在“手风琴”选项卡中打开文件还是仅需要像打开pdf文件一样打开文件？

在引导程序中，您必须先删除其相应功能，然后才能打开链接