javascript - 切换 js 和可扩展的 div

Question

这是我的 fiddle ，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
        });
    });
});

我需要当您单击切换按钮时，列表保持 343 像素的高度，而不是 0。列表具有先验的固定高度，所以我只需要当我按下切换按钮时列表会自行扩展，当它是打开的，我按下切换按钮，列表返回到正常高度。

我觉得问题出在这里

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

Answer 1

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

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

? '500px'(当表达式为真时) : '500px'(当表达式为假时) ;

所以根据您的要求更改它，它应该可以工作!喜欢 ？ '200px' : '500px;'