切換div高度

我正在Drupal中構建一個網站。我想切換100％和200px之間的div元素的高度。我已經嘗試過切換功能，但它不支持兩個回調函數（在這種情況下是困惑的）。切換div高度

我試過會檢查div標籤高度的標誌，它會根據當前高度設置高度。因爲我有三個具有相同類的div標籤，並且我希望這三種切換功能都可用，所以在這種情況下這個想法也失敗了。

此外，當高度改變爲100％時，它不會產生緩解效果，當高度變爲200px時，緩動效果起作用。

來源

2012-04-27 subhojit777

你能發佈您的代碼/切換功能？ – Nadh 2012-04-27 05:58:55

http://jsfiddle.net/KLEbe/ – subhojit777 2012-04-27 06:12:23

http://jsfiddle.net/Z4Z8D/ – subhojit777 2012-04-27 06:17:11

HTML：

<div class="target"> Hi </div> 
<div class="target"> Hi 2</div> 
<div class="target"> Hi 3</div> 
<a href="#" id="button">Button</a>

CSS：

.target { 
    width: 100px; 

} 
.someClass { 
    background: #f00; 
}

JQUERY：

$("#button").click(function(){ 
    $("div.target").toggleClass("someClass",100); 
    return false; 
});

如果這不是你不夠好，檢查這一項，以緩解效果： http://jsfiddle.net/6FwUf/4/

編輯：我修改你的代碼，嘗試這樣做：

$("a.artist-page-read-more").toggle(
    function() { 
     $(this).parents("div.panel-pane").siblings("div.panel-pane.pane-entity-field").find("div.field-items").animate({height: "100%"}, "slow"); 
    }, 
    function(){ 
     $(this).parents("div.panel-pane").siblings("div.panel-pane.pane-entity-field").find("div.field-items").animate({height: "200px"}, "slow"); 
     } 
    );

來源

2012-04-27 06:27:52 KBN

您能否在jsfiddle上設置您的代碼的工作示例？因爲我不明白爲什麼2個功能不適合你。 – KBN 2012-04-27 07:03:01

切換div高度

回答

相關問題