2013-10-23 66 views
0
<style type="text/css"> 
    .collapse { 
    height: auto; 
    width: auto; 
} 

.collapse.in.width { 
    width: auto; 
} 
</style> 

我的水平崩潰然而工作罰款一次崩潰我想要的DIV CLASS = span4寬度增加至現有的視口寬度空間如:8和按鈕標籤更改爲「顯示',反之亦然使用JQuery。增加DIV寬度大小時collape欄

+0

其中元件的寬度下的事件的部分?你可以發佈你的js代碼嗎? – Jonathan

+0

div class = span4 - 一旦demo div被摺疊,這個div的寬度應該會增加。我只有上面沒有JS代碼。使用引導 – user2906420

+0

這是你想要做的? http://jsfiddle.net/jyekZ/ – jah

回答

1

剛切換出SPANN類上div時發生崩潰使用事件:

$('#demo').on('hidden', function() { 
    $('#your-content-div').removeClass('span4').addClass('span8'); 
}); 

http://getbootstrap.com/2.3.2/javascript.html#collapse參見

+0

謝謝,但你可以幫我通過動畫上述作爲div演示時崩潰。此外,再次單擊該按鈕時,div應該通過動畫調整爲原始大小。謝謝你的幫助。 – user2906420

+0

您可以像使用另一個一樣使用轉場。轉出課程仍然會導致過渡到火災。對於相反的方向,您只需使用'show'而不是'hidden'作爲您正在觀看的事件。然後,您只需刪除'span8'並添加'span4'(相反)。您將使用'show'而不是'shown',這樣內容區域的大小*就會減少,然後邊欄會實際返回到視圖中。 –

+0

克里斯將不勝感激,如果你可以幫我一些代碼/小提琴。如果你有時間的話。謝謝 – user2906420