jquery toggle montrer/cacher
salut
j arrive pas à comprendre et à appliquer svp , comment je peux n'afficher qu'un seul élément à la fois? j ai essayé next et hide , mais je dois mal m'y prendre ça ne fonctionne pas...
Là les elemnts s'affichent aux clics, sans se cacher, j aimerais qu ils se cachent lorsque l on clique sur un autre elément : element 1 cliqué : se montre : element 2 cliqué : 1 se cache et 2 se montre...
Code:
1 2 3 4 5 6
| <script>$(document).ready(function(){
$('div.toggler-1').toggleElements( );
$('img.toggler-3').toggleElements( { fxAnimation:'show', fxSpeed:'slow', className:'toggler2' } );
});</script> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <div class="examples">
<h2>Nos Menus:</h2>
<div class="toggler-1" title="Menu Lyonnais à 23.50€">
<p>Les entrees</p>
<img src="Veloute-de-cepes-et-oeuf-poche-2a.jpg" alt="" class="toggler-3" title="Oeufs pochés à la crème de champignon des bois" />
<img src="gateau de foie.jpg" alt="" class="toggler-3" title="Gateau de foie de volaille au coulis d'écrevisses" />
<img src="image.jpg" alt="" class="toggler-3" title="Saladier lyonnais (museaux, lentilles, cervelas)" />
<p>Les plats</p>
<img src="fleurie.jpg" alt="" class="toggler-3" title="Saucisson brioché au vin de Fleurie" />
<img src="brochet.jpg" alt="" class="toggler-3" title="Quenelle de brochet au coulis d'étrilles, riz sauvage" />
<img src="boudin.jpg" alt="" class="toggler-3" title="Boudin Lyonnais au deux pommes" />
</div> |
Merci de votre aide ;)