javascript - 如何压缩我的 .show 和 .hide jQuery？

Question

我是 jQuery 的新手，我知道必须有更快、更少量的代码才能做到这一点。所以，我这里有两个 div。 Div one 将在不同的 div 中显示一个类。一旦用户完成并单击 div two，div two 将隐藏此元素。我觉得我的 jquery 代码对于这个来说太长了。这是我的 JSFIDDLE 。 https://jsfiddle.net/g812sqry/

<div class="container">
    <div>
        <p id="one">Div One</p>
    </div>
    <div>
        <p id="two">Div Two</p>
    </div>
</div>


#one {
    width:60px;
    background-color:green;
    padding:10px;
    cursor:pointer;
}
#two {
    width:60px;
    background-color:green;
    padding:10px;
    display:none;
    cursor:pointer;
}

$(document).ready(function () {
    $('#one').click(function () {
        $(this).hide();
    });
    $('#one').click(function () {
        $('#two').show();
    });
    $('#two').click(function () {
        $(this).hide();
    });
    $('#two').click(function () {
        $('#one').show();
    });

});

Answer 1

尝试使用 .toggle()

$(document).ready(function () {
    var elems = $("#one, #two");
    elems.click(function () {
        elems.toggle()
    });
})

jsfiddle https://jsfiddle.net/g812sqry/4/