Я пытаюсь отобразить скрытый div, но он не появляется, когда нажимается соответствующий div. Может быть, иерархия не выполняется должным образом, когда я указываю, что селектор будет нажат? Вот мой код:
$("#sub_projectLabel a li").click(function() {
$("#h").show("slow");
});
Вот html:
<ul id="sub_projectLabel">
<a href="#"><li style="line-height: 10">Add Sub Project</li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<!--<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>
<a href="#"><li><h4>Sub Project Title</h4></li></a>-->
</ul>
Обтекание списком в ссылке недействительно html. сделайте это так:
<ul id="sub_projectLabel">
<li><a href="#">Sub Project Title</a></li>
</ul>
и выберите его так:
$("#sub_projectLabel li").click(function() {
//do something
});
Похоже, вы пытаетесь показать элемент, который не существует. Я не вижу "#h" в вашем HTML... вы хотите настроить таргетинг на теги h4? Если это так, вам нужно сделать это следующим образом:
$("#sub_projectLabel a li").click(function () {
$("h4").show("slow");
});
Я бы, однако, также поставил якоря внутри элементов списка.
Вот рабочий пример: http://jsfiddle.net/ttV7D/
Может быть, потому что нет элемента с id = "h". Поэтому ваш слушатель событий работает, но вы пытаетесь показать что-то, чего не существует.