$('.show-link').on('click', function() {
$('.hidden-item').css('display', 'block');
$('.show-link').css('display', 'none');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="filter-wrap">
<label class="radio">
<input type="checkbox" name="price">
<div class="radio__text">Альостромерии</div>
</label>
<div class="show-link">Показать все</div>
<label class="radio hidden-item">
<input type="checkbox" name="price">
<div class="radio__text">Орхидея</div>
</label>
<label class="radio hidden-item">
<input type="checkbox" name="price">
<div class="radio__text">Подсолнух</div>
</label>
</div>
Eсть несколько блоков class="show-link"
, как сделать чтобы функция выполнялась внутри блока по которому кликнули?
Как понимаю, вы хотите воздействовать на элементы, которые находятся внутри блока по которому кликают.
Но тогда не понимаю, зачем прятать данный блок.
Покажите хотя бы кусок html кода.
чтобы выбрать элемент внутри блока, по которому кликнули:
$('.show-link').on('click', function(e) {
e.preventDefault();
// Выбираем .hidden-item внутри this
$('.hidden-item', this).css('display', 'block');
return !1;
});
Как '.show-link'
соотносится с '.hidden-item'
?
$('.show-link').on('click', function() {
$('.hidden-item').show();
$(this).hide();
});
Функция не может выполняться "внутри блока", то, что ты называешь блоком - это DOM элемент, и "внутри него" функции не выполняются. Однако, если ты делаешь
$('.element').on('click', function(event){
// this будет ссылаться на ДОМ-элемент, на который ты вешаешь обработчик.
})
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Здравствуйте, не могу понять причину, почему форма быстрой покупки не срабатывает, с другим товаром
Нужно чтобы rotate не переваливал за 360deg и при этом чтобы блок не вертелся в обратную сторону
Собираю с экрана все загруженные имена и возраста, собираю их в json и отправляю на сервер:
Есть страницаНа странице имеется блок с классом content - здесь подгружается AJAX содержимое