0

我创建了一个脚本来使我的 div 可扩展。

$('.expandable').find('h2').on('click', function(){
      $(this).parent().css({height: (parseInt($(this).parent().css('height')) > 50)?'25px':'auto'});
      $(this).find('i').toggleClass('icon-plus-sign icon-minus-sign', 300);
  })

如何配置可扩展 div 的速度或持续时间，我希望它下降得更慢更平稳。

谢谢

这是我的手风琴

4

2 回答 2

1

如何使用slideToggle()：

$('.expandable').find('h2').on('click', function(){
      $("#myList").slideToggle('slow');
})

在列表中添加一个 id 以便我们可以轻松找到它：

<ul id="myList">

并从 css 开始隐藏它：

#myList {
    display: none;
}

/* And remove the height on the div */
.expandable{
    /*height: 25px;*/
    overflow: hidden;
    width: 200px;
    background-color: #2C2C2C;
    border-radius: 5px;
    color: #fff;
}

见更新：http: //jsfiddle.net/JSG9A/2/

于 2012-11-02T12:23:01.960 回答
0

使用animate代替css来改变高度：

http://api.jquery.com/animate/

于 2012-11-02T12:25:42.873 回答