2013-10-23 65 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