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

Question

[djienbaev97]

Допустим, у меня есть такой код повторяющийся где-то 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 повторно? Если один класс дать им всем, то они все одновременно работают.

Comments

[When you dont want to litter on stackoverflow]

Такс, ты поставил лайк к моему ответу, так проблема решена? Если нет то я протестирую код, если да, то поставь отметку: 'Отметить как решение'

[When you dont want to litter on stackoverflow]

Давай удачи тебе!

[djienbaev97]

Andriy Kosmenyuk, протестируй я только что поставил, твой код не работает

[When you dont want to litter on stackoverflow]

Да там нужно было использовать find, ну ладно, там уже есть готовые ответы. Удачи тебе!

Answer 1

[0xD34F]

$('.box-none', this).slideToggle(300);

или

$(this).find('.box-none').slideToggle(300);

Comments

[djienbaev97]

спасибо