2013-10-09 103 views
1

我使用引導手風琴插件改變頂部面板的位置,我的問題是:引導手風琴 - 當崩潰

我們怎樣才能打開時更改頂部面板的位置和關閉時返回到其第一位置。請看看照片:

Yes, for a responsive site ;)

這裏是pen,提前

和感謝,

+0

小提琴>照片 – Mark

+0

在我提出答案之前,手風琴上方是否會有一個元素?我問這是因爲在上面顯示的圖像中,手風琴容器在打開後向上移動。 –

+0

馬克,我在問題中放置了一個[codepen](http://codepen.io/aktuna/pen/GCiLF)。 Nej,好點的手風琴沒有任何東西。 – Atilla

回答

2

我會做這樣的事情使用jQuery:

var original = $('#accordion').position().top; 

$('.accordion-toggle').click(function(){ 
    var parent = $(this).data('parent'); 
    var body = $(this).attr('href'); 

    if($(body).is(":visible")) { 
    $(parent).animate({top: original}, 350); 
    } 
    else { 
    $(body).css({ 
     position: 'absolute', 
     visibility: 'hidden', 
     display: 'block', 
     height: 'auto' 
    }); 
    var offset = original - ($(body).height()/2); 
    $(body).removeAttr('style'); 
    $(parent).animate({top: offset}, 350); 
    } 
}); 

希望是幫助或把你放在正確的方向。

+0

非常感謝 – Atilla