У меня есть ссылка (BTN-SLIDE), которая при щелчке (а не при наведении курсора) сдвигает вниз другой DIV (называемый PANEL), что-то вроде выпадающего меню.раскрывающийся список DIV исчезает, когда: a) мышь покидает ссылку; b) мышь покидает раскрывающийся список DIV
. Но я также хочу, чтобы раскрывающийся список DIV оставался видимым, пока мышь находится над ним.это код у меня есть.Проблема в том, что когда я щелкаю, чтобы открыть раскрывающийся список DIV (#panel) и оставляю ссылку (.btn-slide) без наведения мыши на #panel, #panel никогда не закроется.
С другой стороны, если я установлю #panel для закрытия при отпускании мышью ссылки, то #panel закроется, даже если я наведу на нее указатель мыши.
Есть решение?Спасибо!
<a class="btn-slide" href="#”>Click here to open Panel</a>
<div id="panel"><p>ahsjdhkashdkasjhd</p></div>
$(".btn-slide").click(function(){
$("#panel").slideDown(500);
});
$("#panel").mouseleave(function(){
$("#panel").slideUp(500);
});