在jQuery中隐藏和显示元素

Question

我有一些菜单对象，这里是“link1”和“link2”，我想在我的网页上切换一些内容（表格）。

如果form1可见，我单击link2，我希望form1关闭，form2打开。

相关的jQuery：

    $('#link1').click(function(){
        $('#form1:visible').hide();
        $('#form2:visible').hide();
        $('#form1:hidden').show();
    });

    $('#link2').click(function(){
        $('#form1:visible').hide();
        $('#form2:visible').hide();
        $('#form2:hidden').show();
    });

问题： 我怎样才能使这更简单？

Answer 1

Answer 2

Answer 3

Answer 4

在HTML中：

<form id="form1" class="form_group1" ... >
<form id="form2" class="form_group1" ... >
...
<form id="formN" class="form_group2" ... >

在javascript中：

$('#link1').click(function(){
    $('.form_group1').hide();
    $('.form_group2').show();
});

$('#link2').click(function(){
    $('.form_group2').hide();
    $('.form_group1').show();
});

Answer 5

我不知道我是否正确，但你有href链接，所以当你点击link2你想打开form2（如果它尚未打开），并且link1和form1的进程相同？ / p>

你可以做的是为每个表单和一个id提供一个css类，然后： $('#link1').click(function(){ $('#idOform1').css("display","block"); $('#idOform2').css("display","none"); });

$('#link2').click(function(){ $('#idOform2').css("display","block"); $('#idOform1').css("display","none"); });