2013-03-24 26 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