jquery - 使用 jquery 显示/隐藏元素

Question

我有元素(div)，

已命名:元素 1、元素 2、元素 3

默认:元素1可见，元素2可见，元素3隐藏

这是我使用的代码

<script type="text/javascript">
    $(document).ready(function () {
        $('#element3').hide();
        $('#element1').click(function () {
            $('#element3').toggle(400);
        });
    });
</script>

我使用上面的代码让 element3 在我点击 element1 时可见。

我的问题

1. 如何让元素2在点击时隐藏，元素3可见在 element1 上？

2. 再次点击 element1 后如何恢复默认值？

Answer 1

尝试

$(document).ready(function () {
    $('#element3').hide();
    $('#element1').click(function () {
        $('#element3').toggle(400);
        $('#element2').toggle(400);
    });
});

演示:Fiddle