Question

我有一个包含七个项目的菜单。如果单击第一个项目，则显示div。如果您单击任何其他项目（2到7）div两个节目。这就是我要做的事。

我是新手，但我很确定这是一个if / else函数，如果我点击<a id="1">，则显示第一个div，否则显示第二个div。我想我可以做一个隐藏/显示来回到第一个div。

我会继续四处寻找，但如果我找不到它，肯定会感激任何帮助。

<div id="one">
Div contents (has a jquery slider in it)
</div>
<div id="two">
Div contents (contents chosen by user from menu items, below)
</div>
<!--menu-->
<a href="#" id="first_panel"><!--has slider controlled within div-->

<a href"#" id="data_part_one">&nbsp;</a>
<a href"#" id="data_part_two">&nbsp;</a>
<a href"#" id="data_part_three">&nbsp;</a>
...
<a href"#" id="data_part_six">&nbsp;</a>

菜单项2到7中的数据将出现在div 2中。

我让它使用下面的代码。如果它很丑，请告诉我我的方式错误，我会感谢你。

$("#thumbs a").click(function() {
        if ($("#t0").is("")) {
        $("#open_panel").show();
        }
        else
        {
        $("#open_panel").hide();
        $("#res_panel").show();
        }
    });

    $('#t0').click(function() {
        $('#open_panel').show();
        $('#res_panel').hide();
    });

Answer 1

试试这个：

$( 'a' ).not( '#link_id1' ).click( function( e ) {
   $( '#div_2' ).show();
   e.preventDefault();
}).end().filter( '#link_id1' ).click( function( e ) {
   $( '#div_1' ).show();
   e.preventDefault();
});

或者：

$( 'a' ).click( function( e ) {
   if( $( this ).attr( 'id' ) == 'link_id1' ) {
       $( '#div_1' ).show();
   } else {
       $( '#div_2' ).show();
   }
   e.preventDefault();
});

需要一些关于onClick和if / else问题的帮助

1 个答案: