Comment obtenir le prénom de chaque liste?

Question

Désolé si le titre est pas assez clair, j'ai cinq <li>'s dans chaque <li> je <a> et un <div> et dans chaque <div> j'ai un <ul> avec une classe de « config ». Puis en ce que j'ai deux <li>.

J'utilise jQuery pour masquer le <ul> avec la classe de config, puis utilisez slideToggle pour les afficher/masquer. Le problème est, Il montre tous. Je veux juste cliquer sur un lien et le <div> ou <ul> devrait apparaître, pas tous. Comment puis-je faire ceci?

Jusqu'à présent, j'ai:

$(document).ready(function(){ 
    $("ul.config").hide(); 
    $("li:nth-child(1) a").click(function(){ 
    $("li ul.config:first").slideToggle(300); 
    }); 
});​ 

Mais cela montre que la première liste. Comment puis-je montrer chacun quand on clique dessus?

Answer 1

Avec pas sûr de ce que le HTML est vraiment, essayez

$(document).ready(function(){ 
    $("ul.config").hide(); 
    $("li:nth-child(1) a").click(function(){ 
    $(this).parent().find('ul.config').slideToggle(300); 
    }); 
});​ 

Answer 2

mettre une classe/id à votre haut plus ul (avant 5 haut li), par exemple: id = "topmenu"

$(document).ready(function(){ 
    $("ul.config").hide(); 
    $("#topmenu li a").click(function(){ 
    $(this).parent().find('ul.config').slideToggle(300); 
    }); 
});​