[JS] Появление блока при навeдении на ссылку

Здравствуйте. Хочу реализовать такую вещь, чтобы при наведении на ссылку, появлялся блок с информацией и оставался видимым, пока не наведёшь на следующую ссылку.

Вот например есть:

<div id="div1">Ссылка №1</div>
<div id="div2">Ссылка №2</div> 

<div id="log1">Блок 1</div>
<div id="log2">Блок 2</div>

И если делать через mouseenter, mouseleave либо onmouseover/out

$('#div1').mouseenter(function () {
               $('#log1').css('display', 'block');
            });
            $('#div1').mouseleave(function () {
                $('#log1').css('display', 'nobe');
            });

то блок будет исчезать после того как курсор покинет область ссылки, а мне надо сделать так, чтобы потом можно было скопировать информацию с блока который появился.

И после наведения на вторую ссылку, первый исчезал и появлялся второй блок.

Подскажите, как такое можно реализовать.