Bonjour,
J'ai un petit dilemme.
J'ai 4 contenus que je souhaite cacher de façon indépendante les uns des autres :
Type :
Mon Code JS est le suivant :
Le contenu de toutes les div est bien caché. PROBLEME, quand je clique sur le titre, tous les contenus s'ouvrent en même temps et pas e façon indépendante.
Faut-il que je fasse voir ci-dessous, ou y a t-il une solution plus simple :
J'ai un petit dilemme.
J'ai 4 contenus que je souhaite cacher de façon indépendante les uns des autres :
Type :
<a href="#" class="clickMe">Titre 1</a>
<div class="slideMe">Contenu 1</div>
Mon Code JS est le suivant :
jQuery(document).ready(function() {
jQuery('#slideMe,#slideMe2,#slideMe3,#slideMe4').hide();
jQuery('a#clickMe,a#clickMe2,a#clickMe3,a#clickMe4').click(function() {
jQuery('#slideMe,#slideMe2,#slideMe3,#slideMe4').slideToggle(400);
return false;
});
});
Le contenu de toutes les div est bien caché. PROBLEME, quand je clique sur le titre, tous les contenus s'ouvrent en même temps et pas e façon indépendante.
Faut-il que je fasse voir ci-dessous, ou y a t-il une solution plus simple :
jQuery(document).ready(function() {
jQuery('#slideMe').hide();
jQuery('a#clickMe').click(function() {
jQuery('#slideMe').slideToggle(400);
return false;
});
});
jQuery(document).ready(function() {
jQuery('#slideMe2').hide();
jQuery('a#clickMe2').click(function() {
jQuery('#slideMe2').slideToggle(400);
return false;
});
});