2016-06-10 49 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不再支持。