jquery - 使用 jQuery 有条件地隐藏 div

Question

如果条件在 jQuery 中为真，如何隐藏 div 1 并显示 div 2？

这是我的代码：

<div class="div1">Content 1 </div>
<div class="div2">Content 2 </div>

function(someFunction) {
    var option = this.config.option;
    if (someFunction && this.config.option == true) {
        option = this.config.option;
    }
    $$('div.div1').each(function(el) {
        $(el).hide(); //and add show div2 ?
    });
};

任何帮助表示赞赏。

Answer 1

如何使用切换功能？

$('div.div1').toggle(option);
$('div.div2').toggle(!option);

Answer 2

正如评论者所提到的，没有必要使用 each()。这应该这样做：

<div class="div1">Content 1 </div>
<div class="div2">Content 2 </div>

function hide1show2() {
    $('div.div1').hide(); 
    $('div.div2').show();
}

Answer 3

<div class="div1">Content 1 </div>
<div class="div2">Content 2 </div>

function(someFunction) {
    var option = this.config.option;
    if (someFunction && this.config.option) {
        option = this.config.option;
    }
if(option === 'Yes'){
    $$('div.div1').each(function(el) {
        $(el).hide();
    })
    $$('div.div2').each(function(el) {
        $(el).show();
    })
    }

if(option === 'No'){
    $$('div.div1').each(function(el) {
        $(el).show();
    })
    $$('div.div2').each(function(el) {
        $(el).hide();
    })
    }
};