Есть вот такой пример. Сейчас сабменю открывается по клику на любой li
. Нужно чтобы открывало именно то сабменю которое находится непосредственно в этом li
.
Код:
$(function() {
$('.main li').click(function(){
$('.sub').slideToggle();
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="main">
<li><a href="">1</a></li>
<li>
<a href="">2</a>
<ul class="sub">
<li><a href="">1.1</a></li>
<li><a href="">1.2</a></li>
<li><a href="">1.3</a></li>
</ul>
</li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
CodePen
Попробуйте так:
$(function() {
$('.main li').click(function() {
$(this).find('.sub').slideToggle();
})
});
Например:
$('.main li a').click(function(e){ // клик на ссылку
e.preventDefault(); // запрещаем переход по ссылке
var item = $(this).closest('li'); // ищем li именно этой ссылки
var sub = item.find('.sub'); // именно в этом пункте находим подменю
sub.slideToggle(); // развернуть\свернуть подменю
});
.sub {display: none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="main">
<li><a href="">1</a></li>
<li>
<a href="">2</a>
<ul class="sub">
<li><a href="">1.1</a></li>
<li><a href="">1.2</a></li>
<li><a href="">1.3</a></li>
</ul>
</li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
В AdBlock есть "фича" строка на иконке которая показывает количество заблокированных рекламных блоковЯ не преследую цели просто стянуть из исходника...
Есть таблица на странице indexhtml, в каждой строке которой есть checkbox
Есть например главный класс и классы которые его расширяют: