[jQuery] pokazywanie div z jednoczesnym znikaniem innego Opcje

[john_doe]

Witam,

jakiś miesiąc temu chyba coś takiego przewinęło się przez forum ale nie udaje mi się odnaleźć wątku (IMG:style_emoticons/default/sad.gif)

jsFiddle

chciałbym klikać w Category_x i pokazywać odpowiedni pane_x ale nie wiem jak zrobić gdy klikne w Category_1 pokaże pane_1 następnie gdy kliknę w Category_2 to pane_1 zniknie a pojawi się pane_2 itd...

[Helid]

[HTML] pobierz, plaintext 
<div id="container">
 
    <ul id="nav">
        <li class="cat" id="cat1">Category_1</li>
        <li class="cat" id="cat2">Category_2</li>
        <li class="cat" id="cat3">Category_3</li>
        <li class="cat" id="cat4">Category_4</li>        
    </ul>   
 
    <div class="panel" id="panel_cat1">pane 1</div>
    <div class="panel"id="panel_cat2">pane 2</div>
    <div class="panel"id="panel_cat3">pane 3</div>
    <div class="panel" id="panel_cat4">pane 4</div>    
 
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
// czy to się da zapisać w jednej linijce sprytnie? - pewnie
$('.panel').hide();
 
$('.cat').click(function() {
 
    $('.panel').hide();
    div = $(this).attr('id');
    $('#panel_'+div).toggle(400);
 
});
 
[HTML] pobierz, plaintext 

Ten post edytował Helid 27.10.2011, 19:19:31