Как скрывать элемент, у которого есть тот же класс, что и другой элемент с Jquery?

Question

Как скрывать элемент, у которого есть тот же класс, что и другой элемент с Jquery?

я стараюсь делать hover с Jquery, но не имею успеха, переместив мышь, меня включает hover для обоих элементов, но я хочу, чтобы он только затронул того, который переместил его мышь, все же хочу, чтобы они поддержали тот же класс, так как они производятся автоматически. я оставляю изображения раньше и после hover. ЗАМЕТЬ: если возможно делать из-за лучшего LESS.

Раньше:

После:

Это мой код в Jquery до сих пор:

requirejs(['jquery', 'domReady!'], function ($) {
$(document).ready(function () {
    $('.result-thumbnail').hover(function(){
        $('.result-sub-content').css("display", "block");
        $('.result-sub-content').css("transition", "all 1.5 ease");
        }, function(){
        $('.result-sub-content').css("display", "none");
    });
    $('.result-sub-content').hover(function(){
        $('.result-sub-content').css("display", "block");
        $('.result-sub-content').css("transition", "all 1.5 ease");
        });
})
})

1

c#

задан Artudoxo 07.11.2019, 22:57

Ссылка

2 ответа

Я не понимаю вторую часть. Если, сделав hover на .result-thumbnail mostrГЎs .result-sub-content, что чувство имеет вновь показывать это, когда hacГ©s hover на sГ - сам?

Внутри hover tenГ©s, что выбирать класс, что estГЎ внутри элемента. Чтобы это может использовать .find () .

$('.result-thumbnail').hover(function () {
    $(this).find('.result-sub-content').css("display", "block");
    $(this).find('.result-sub-content').css("transition", "all 1.5 ease");
}, function () {
    $(this).find('.result-sub-content').css("display", "none");
});

$('.result-sub-content').hover(function () {
    $(this).css("display", "block");
    $(this).css("transition", "all 1.5 ease");
});

Сейчас, serГ - в подходящий, что все это ты это сделал прямо с CSS:

.result-sub-content {
  display: none;
  transition: all 1.5 ease;
}

.result-thumbnail:hover .result-sub-content {
  display: block;
}

transition не, в который это estarГЎs применяясь, потому что в свойство display ты не обрезал ему применять одну transiciГіn.

я угадываю структуру HTML, deberГ-туз печатать ее.

2

ответ дан azeós 01.12.2019, 12:20

Ссылка

Как скрывать элемент, у которого есть тот же класс, что и другой элемент с Jquery?

Теги

Похожие вопросы