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

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

Раньше: introducir la descripción de la imagen aquí

После:

introducir la descripción de la imagen aquí

Это мой код в 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
задан 07.11.2019, 22:57
2 ответа

Чтобы начинаться ты dirГ, - в который он много mГЎs mГЎs fГЎcil, если ты это делал с CSS

.result-sub-content:hover .result-sub-content{
    display:block;
     ...
}
1
ответ дан 01.12.2019, 12:20
  • 1
    Я в поданный твой ответ, только, что добавил один ~ таким образом: .result-sub-content:hover ~ .result-sub-content { display:block;... } большое спасибо. – Artudoxo 07.11.2019, 23:43

Я не понимаю вторую часть. Если, сделав 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
ответ дан 01.12.2019, 12:20