jQuery целевой элемент данных во вложенном списке

Question

У меня есть список, который структурирован примерно так:

<ul  data-Id="2" class="listElement">
<li></li>
<li></li>
<li>
    <ul data-Id="3" class="listElement" style="display: none">
        <li></li>
        <li>
            <ul data-Id="4" class="listElement" style="display: none">
                <li></li>
            </ul>
        </li>
    </ul>
</li>

Мне нужно иметь возможность нацелить элемент ul, который в данный момент скрыт, и выполнить slidetoggle() на Это. Это я пытался сделать в jQuery, но это не так хорошо работает:

var test = 3; //i need to declare it as a var, because i get this from another item 
$('.listElement').find('[data-Id="' + test + '"]').slideToggle("fast");

Ничего не происходит, и я не могу найти то, что мне здесь не хватает

Answer 1

Ваш код правильный, но, пожалуйста, убедитесь, что элементы dom уже размещены (готовы), когда ваш код javascript запущен. Или ваш javascript должен быть запущен при получении готового документа.

$(document).ready(function(){
    var test = 3; //i need to declare it as a var, because i get this from another item 
    $('.listElement').find('[data-Id="' + test + '"]').slideToggle("slow");
});