单击（功能（）按钮 - 如何切换样式？

Question

我从评论中听到切换不适合这里，所以我删除了它。下面的代码有效......但是有更好的方法吗...我的Jquery是有限的。谢谢。

$(document).ready(function(){
$('div.botColorBoxBtn1').click(function() {
        $("div.botColorBox").css({ 'height':'90px'});
        $('div.botColorBoxBtn1').hide();
        $('div.botColorBoxBtn2').show();return false;
});
});

$(document).ready(function(){
$('div.botColorBoxBtn2').click(function() {
        $("div.botColorBox").css({ 'height':'11px'});
        $('div.botColorBoxBtn2').hide();
        $('div.botColorBoxBtn1').show();return false;
});
});

Answer 1

这是预期的结果，因为.toggle()将显示/隐藏匹配的元素。