jQuery .css display:none
<p>I'm trying to do the following:</p>

<ul>
<li>I have 6 div. Inside each div is another div with display:none.</li>
</ul>

<p>I want to do in jQuery when i click on each div all 6 div change to display:none and the div inside the div clicked to show in the screen.</p>

<p>Check this fiddle <a href="http://jsfiddle.net/Weinz/xaMfk/2/" rel="nofollow">http://jsfiddle.net/Weinz/xaMfk/2/</a></p>

<p>The only thing that happen it's all goes display:none</p>

<p>What can i do? I try also with show and hide and doesn't work</p>

<p>Thank you in advance</p>
