無法使用JQuery保留高度？

-5

我有一個博客http://hubtank.com/。它使用的是最新版本的WordPress。在主菜單下我有類別（綠色）我想限制它的高度爲100px和一個微小的向下箭頭圖像，所以當任何人點擊它時，它會恢復其原來的（當前外觀）大小或位置也切換。無法使用JQuery保留高度？

我嘗試過使用JavaScript，但沒有正確的解決方案。如果我將它應用到DIV，則類別列表項不會隱藏或修剪。 .也可以使用jQuery嗎？

來源

2011-11-19 Sashi

$("#togglebutton").toggle(function() { 
    $("#menu").height(100); 
}, function() { 
    $("#menu").height("auto"); 
}).click();

這應該工作：在每次點擊時，高度被切換。首先通過觸發點擊事件運行第一個功能（設置高度爲100px）。

它也可以通過使用

$("#menu").animate({ 
    height: "auto" 
});

但隨後進行動畫，初始高度應一個時間設定沒有動畫（如第一示例）。

來源

2011-11-19 18:14:56 elektronikLexikon

是的，這是可能的。

首先，在你的CSS爲CATEG，你應該添加以下兩個標籤：

height: 20px; 
overflow: hidden;

然後用箭頭在圖像中添加。比方說，它的「擴大」的ID

<img id="expand" src="arrow" />

在點擊事件現在添加了ID擴大。

$('#expand').click(function() { 
    if ($("#categ").css("height") == "20px") { 
    $("#categ").css("height", "100px"); 
    } else { 
    $("#categ").css("height", "20px"); 
    } 
});

來源

2011-11-19 18:15:12

好的，我得到了你的問題。您categ DIV添加overflow:hidden，那麼你就能腳本與jQuery箭頭，就像這樣：

var c = $("#categ"); 
if(c.height()==12){ 
    c.animate({ 
     height:50 
    }); 
}else{ 
    c.animate({ 
     height:12 
    }); 
}

我得到了它在這裏工作，你只需要調整CSS到您的網站： http://jsbin.com/inizil

來源

2011-11-19 18:37:11 v42

謝謝Vitor，Brian Hoover，Elektronik Lexikon，ŠimeVidas！上帝保佑你們！感謝捐贈的知識！ – Sashi

很高興幫助！考慮接受一個正確的答案並投票給那些幫助你的人。這就是這個社區的作品！ :) – v42

無法使用JQuery保留高度？

回答

相關問題