@djienbaev97

Как использовать this в jquery?

Допустим, у меня есть такой код повторяющийся где-то 10 раз:

<div class="box-slider">
                                        <img class="kz-img" src="img/kz1.png" alt="">
                                        <div class="k-price">3 990 тг</div>
                                    
                                        <div class="box-none 1">
                                            <div class="but-s">
                                                <button class="but-ss">
                                                     купить
                                                </button>
                                            </div>
                                        </div>
                                </div>


и jquery такой
$('.box-slider').mouseover(function () {
    $(".box-none").slideToggle(300);
});
$('.box-slider').mouseout(function () {
    $(".box-none").css("display", "none");
});


При наведении мышки элемент .box-none открывается, при ауте закрывается, и как через jquery запустить цикл, чтобы на каждый блок отдельно не давать классы box-none1, box-none2, box-none3 и это не писать в jquery повторно? Если один класс дать им всем, то они все одновременно работают.
  • Вопрос задан
  • 83 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега jQuery
$('.box-none', this).slideToggle(300);

или

$(this).find('.box-none').slideToggle(300);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы