jquery - jQuery切换动画宽度。

我需要我的Jquery代码为summary_box div设置动画，因此它会以以下方式滑动。

加载后，它将显示在浏览器窗口中，当单击summary_button2 div时，它将向右滑动（将width更改为0）并感到绝望，再次单击该按钮时，它将再次出现。
我有什么作品，但是我不确定这是做什么的：(== 300 ? "0" : "300px";) ???

<script type="text/javascript">
$(document).ready( function(){
    $('#summary_button2').click( function() {
        var toggleWidth = $("#summary_box").width() == 300 ? "0" : "300px";
        $('#summary_box').animate({ width: toggleWidth });
    });
});
</script>

最佳答案

那是三元运算-等效于-

var toggleWidth;
if ($("#summary_box").width() == 300) {
    toggleWidth = "0";
} else {
    toggleWidth "300px";
}

MDN reference

关于jquery - jQuery切换动画宽度。，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17240544/