[Mane]

Pozdrav, nemam baš iskustva sa jqueryem, prosao sam masu examplea na netu ali nikako da nadjem ono sto mi treba.. stvar je sljedeca.. imam u htmlu UL koji ima 2 LIa... e sad na klik tih LI-a se expanda taj div i pokazuje sadrzaj. trenutno imam ovo i to radi. samo ne znam kako napraviti da se na drugi klik sakrije sadrzaj. (opcionalno je da se promijeni tekst u recimo pokazi manje ili tako nesto).
Kod html je ovako nesto

   <div class="holder">
        <ul class="nav">
            <li><a class="link" href="#bla" data-link="first">prikaži detaljan opis</a></li>

            <li><a class="link" href="#bla" data-link="second">prikaži opis 2</a></li>
      </ul>
  

<div class="opis" data-link="first">
       neki tekst
</div>

<div class="opis" data-link="second">
       neki tekst 2
</div>

 </div>

Jquery je ovo

<script type="text/javascript">
$('.opis').hide();

$('.link').click(function() {
   $('.opis').hide();       
    $('.opis[data-link=' + $(this).data('link') + ']').fadeIn({
        width: '200px'
    }, 300);
});
</script>

CSS

.holder {
    background-color: #1876AD;
    border-radius: 10px;
    color: #FFFFFF;
    font-family: "Verdana";
    font-size: 13px;
    height: 100%;
    margin: 0 auto 20px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: left;
    width: 945px;
}

.nav {
    background-color: #1876AD;
   height: 0;
    padding-bottom: 20px;
    padding-left:0px;
    border-radius:10px;
}
.nav > li {
    border-right: 1px solid #FFFFFF;
    float: left;
    height: 20px;
    margin-right: 17px;
    margin-top: 8px;
    padding-right: 17px;
}

.opis {display:none;}    

I sad kuzim otprilike sta radiq jquery (ovo se moze napravit za koliko god primjera na stranici, samo treba data link mjenjat naravno) ali nikako dokucit kako napravit da se na drugi klik vrati u display:none

Hvala na pomoci... stvarno vise ne znam kako to napravit. Svi pimjeri na netu su sa 1 divom, ili tako nesto.. i onda je totalno neupotrebljivo