2013-03-24 24 views
0

我有了一个div内容隐藏内容CSS:我该怎么让溢出:使用JavaScript或jQuery的

height:700; 
overflow:hidden; 

我想要做的就是我想创建一个按钮,上面写着:扩大

所以一旦扩大点击我要为该分区的CSS改变从:

overflow:hidden TO overflow:visible

所以知道的div将扩大到高度spssified在CSS中,如果展开按钮变成塌陷,并且点击后反之亦然,那将会很好。

+0

如果你愿意使用jquery你可以与UI控件手风琴http://jqueryui.com/accordion/做到这一点 – Vortex 2013-03-24 01:31:47

回答

0

jQuery是你的朋友。它是用于构建基本DOM事件的完美库,如您所描述的。您的代码可能如下所示:

$('#expand-button').click(function(e) { 
    $('.my_div').css('overflow', 'visible'); 
}); 
+0

感谢快速回复,但我现在没有任何关于脚本只是现在关于CSS和升技关于HTML我已经在我的模板jQuery,所以我如何使按钮#expand按钮,并将其放置在哪里 – user2201116 2013-03-24 01:37:13

+0

我如何添加高度:自动; ('function'(e){('。my_div').css('overflow','visible'); }); – user2201116 2013-03-24 03:58:37

0

您可以使用jQuery .css函数修改CSS属性的值。 http://api.jquery.com/css/

你也可以使用jQuery替换一块HTML与另一个,例如。改变按钮。 http://api.jquery.com/css/

+0

我该如何添加高度:auto;到$('#expand-button')。click(function(e){$('。my_div').css('overflow','visible');}); – user2201116 2013-03-24 21:00:35

+0

您可以将对象传递给.css函数。例如。 .css({'overflow':'visible','height':'auto'})。 – 2013-03-24 21:40:19