Как скрывать элемент, у которого есть тот же класс, что и другой элемент с 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");
});
})
})
Чтобы начинаться ты dirГ, - в который он много mГЎs mГЎs fГЎcil, если ты это делал с CSS
.result-sub-content:hover .result-sub-content{
display:block;
...
}
-
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Г-туз печатать ее.