JQuery связать с несколькими элементами

Question

У меня есть:

<div class='someclass'>Text</div>
<div class='otherclass'>Other Text</div>
<style>
    .someclass{
        width:400px;
        height:200px;
    }
    .otherclass{
        width:400px;
        height:200px;
        display:none;
    }
</style>

$('.someclass').mouseover(function(){
    $('.otherclass').fadeIn();
});
$('.someclass).mouseout(function(){
    $('.otherclass').fadeOut();
});

Но я не хочу, чтобы второй div исчезал, если курсор переходит на этот второй div.

Я могу использовать

$('.someclass,.otherclass').mouseover(function(){
    $('.otherclass').fadeIn();
});
$('.someclass,.otherclass').mouseout(function(){
    $('.otherclass').fadeOut();
});

но мигает при переходе от одного деления к другому.

Я думаю, я могу использовать тайм-ауты, но есть ли лучший способ? Thx!

Answer 1

Можете ли вы обернуть два DIV в другой элемент и добавить функцию наведения на этот внешний элемент. Это должно охватывать время, когда вы находитесь между ними.

Answer 2

поместите 'otherclass' в 'someclass' и установите минимальную высоту someclass: 200px;

<div class="someclass">
 <div>Some text</div>
 <div class="otherclass">text</div>
</div>

Answer 3

Я предполагаю, что вы используете это для подменю nav или что-то подобное.

Я бы предложил вложить .otherclass в .someclass.