Question

我需要Twitter推特手风琴的帮助。我需要它到哪里当我点击手风琴标题时，标题会打开我想要的东西。

<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>

Something like this, so when i click 2014, it opens up a document or file i have linked it to

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）手风琴专门设计用于打开潜在的隐藏内容。使用它打开外部文件不是预期的行为 - 我强烈建议不要使用这种类型的用户体验 - 有些用户会将其视为clickbait。

（3） <{1}}类来自Boostrap 2（？）2不再受支持。

Answer 2

您需要在手风琴标签页面中打开文件，还是只需要像打开pdf文件一样打开文件另一个窗口？

在bootstrap中，除非删除其相应功能

，否则无法打开链接

点击bootstrap accordion

2 个答案: