Нужна помощь с onClick и проблема if / else

Question

У меня есть меню из семи пунктов. Если вы щелкнете по первому элементу, отобразится div one. Если вы щелкнете по любому другому пункту (от 2 до 7), разделите два шоу. Вот что я хочу сделать.

Я новичок во всем этом, но я почти уверен, что это функция 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>

Где данные из пунктов меню со второго по седьмой появятся в div два.

---

Я получил его для работы с кодом ниже. Если это некрасиво, покажи мне ошибку моего пути, и я тебя благодарю.

$("#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();
});