我有了一個div內容隱藏內容CSS:我該怎麼讓溢出:使用JavaScript或jQuery的
height:700;
overflow:hidden;
我想要做的就是我想創建一個按鈕,上面寫着:擴大
所以一旦擴大點擊我要爲該分區的CSS改變從:
overflow:hidden
TO overflow:visible
所以知道的div將擴大到高度spssified在CSS中,如果展開按鈕變成塌陷,並且點擊後反之亦然,那將會很好。
我有了一個div內容隱藏內容CSS:我該怎麼讓溢出:使用JavaScript或jQuery的
height:700;
overflow:hidden;
我想要做的就是我想創建一個按鈕,上面寫着:擴大
所以一旦擴大點擊我要爲該分區的CSS改變從:
overflow:hidden
TO overflow:visible
所以知道的div將擴大到高度spssified在CSS中,如果展開按鈕變成塌陷,並且點擊後反之亦然,那將會很好。
jQuery是你的朋友。它是用於構建基本DOM事件的完美庫,如您所描述的。您的代碼可能如下所示:
$('#expand-button').click(function(e) {
$('.my_div').css('overflow', 'visible');
});
感謝快速回復,但我現在沒有任何關於腳本只是現在關於CSS和升技關於HTML我已經在我的模板jQuery,所以我如何使按鈕#expand按鈕,並將其放置在哪裏 – user2201116 2013-03-24 01:37:13
我如何添加高度:自動; ('function'(e){('。my_div').css('overflow','visible'); }); – user2201116 2013-03-24 03:58:37
您可以使用jQuery .css函數修改CSS屬性的值。 http://api.jquery.com/css/。
你也可以使用jQuery替換一塊HTML與另一個,例如。改變按鈕。 http://api.jquery.com/css/
我該如何添加高度:auto;到$('#expand-button')。click(function(e){$('。my_div').css('overflow','visible');}); – user2201116 2013-03-24 21:00:35
您可以將對象傳遞給.css函數。例如。 .css({'overflow':'visible','height':'auto'})。 – 2013-03-24 21:40:19
如果你願意使用jquery你可以與UI控件手風琴http://jqueryui.com/accordion/做到這一點 – Vortex 2013-03-24 01:31:47