2016-06-10 51 views
0

我需要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

回答

0

您需要打开文件手风琴选项卡内或需要打开文件只喜欢打开PDF文件的其他窗口?

在引导就无法打开链接,直至删除其根据功能

+0

我需要在新标签中打开一个文件/ pdf当你点击它 – jtn78

+0

你的需求似乎你不需要手风琴你只需要它的风格并打开链接:)所以去从引导组列表组风格组件链接 - http://getbootstrap.com/components/#list-group –

1

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

为每个标题指定一个唯一标识,然后将以下js添加到HTML的末尾。

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

(2) 手风琴是专门设计用于打开潜在的隐藏内容。使用它来打开外部文件不是预期的行为 - 我强烈建议不要使用这种类型的用户体验 - 有些用户会将此视为clickbait。

(3) .accordion类来自Boostrap 2(?)2不再支持。