Как получить первое имя для каждого списка?

Question

Извините, если название не достаточно ясно, у меня есть в каждом <li> у меня есть <a> и <div> пяти <li>'s и в каждом <div> у меня есть <ul> с классом «конфигурация». Тогда у меня есть два <li>.

Я использую jQuery, чтобы скрыть <ul> с классом конфигурации, а затем использовать slideToggle, чтобы показать/скрыть их. Проблема в том, что она показывает их все. Я хочу просто нажать одну ссылку, и должны появиться соответствующие <div> или <ul>, но не все из них. Как я могу это сделать?

До сих пор у меня есть:

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

Но это показывает только самый первый список. Как я могу показать каждый при нажатии?

Answer 1

С не уверены в том, что HTML на самом деле, попробуйте

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

Answer 2

положить класс/идентификатор к вашему самый верхний уль (до 5 верхней Li), например: ид = "topmenu"

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