切换div高度

Question

我正在Drupal中构建一个网站。我想切换100％和200px之间的div元素的高度。我已经尝试过切换功能，但它不支持两个回调函数（在这种情况下是困惑的）。

我试过会检查div标签高度的标志，它会根据当前高度设置高度。因为我有三个具有相同类的div标签，并且我希望这三种切换功能都可用，所以在这种情况下这个想法也失败了。

此外，当高度改变为100％时，它不会产生缓解效果，当高度变为200px时，缓动效果起作用。

Answer 1

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"); 
     } 
    );