$('.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 будет ссылаться на ДОМ-элемент, на который ты вешаешь обработчик.
})
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости