jquery - jQuery隐藏/显示元素

我有2个元素cols3和cols4。如果其中任何一个被隐藏，则通过单击按钮将显示该元素。
但是，如果两个元素都隐藏，则单击按钮仅显示元素col3。

我尝试使用以下代码：
但是如果两者都被隐藏，则通过单击按钮都将显示两者，而不是仅显示cols3。

有什么帮助吗？

$('#plusexp').click(function() {
    if ($('.cols3:visible')) {
        if ($('.cols4:hidden')) {
            $('.cols4').show();
        }
    }
    if ($('.cols3:hidden')) {
        $('.cols3').show();
    }
});

最佳答案

尝试这个：

$('#plusexp').click(function() {
    if ($('.cols3').is(':hidden')) {
        $('.cols3').show();
    } else {
        if ($('.cols4').is(':hidden')) {
            $('.cols4').show();
        }
    }
});

此处的示例：http://jsfiddle.net/jN7bc/