Question

这是我的小提琴，http://jsfiddle.net/8wKxY/153/

$(document).ready(function () {
    $("#toggle").click(function () {
        $("#menu_categorias").animate({
            height: 'toggle'
        });
        var value = $("#home_categorias")[0].style.height !== "243px" ? '500px' : '500px';
        $("#menu_categorias").animate({
            height: value
        });
    });
});

我需要当你点击切换按钮时，列表保持在343px的高度，而不是0.该列表具有一个固定高度的先验，所以我只需要按下切换按钮时列表会自动扩展它是打开的，我按下切换按钮，列表返回到正常高度。

我认为问题出在这里

var value = $("#home_categorias")[0].style.height !== "243px" ? '500px' : '500px';

Answer 1

$（＆＃34; #home_categorias＆＃34;）[0] .style.height！==＆＃34; 243px＆＃34; ？＆＃39; 500像素＆＃39; ：＆＃39; 500px＆＃39;;

上面的代码对我没有意义，它总是将值设置为500px！，

？＆＃39; 500px＆＃39;（当表达式为真时）：＆＃39; 500px＆＃39;（当表达式为假时）;

所以根据你的要求改变它，它应该工作！喜欢？＆＃39; 200像素＆＃39; ：＆＃39; 500px;＆＃39;

切换js＆amp;可扩展的div

1 个答案: