콘텐츠가 마우스 오버 후 div에 추가되지 않습니다.

Question

http://jsfiddle.net/A3uMK/

<dd>의 내용이 div에 나타나지 않습니다. 아무나 도움이됩니까?

Answer 1

div 태그를 처음부터 숨기므로 나중에 내용을 보려면 해당 태그를 표시해야합니다.

var $desc = $('div'), 
    $dd = $('dl > dd'); 

$desc.add($dd).hide(); 

function showDescBox() { 
    hideDescBox(); 
    var $data = $(this).next('dd').html(); 
    $desc.html($data).show(); 
} 
function hideDescBox() { 
    $desc.hide(); 
} 

$('dl > dt').hover(showDescBox, hideDescBox);

http://jsfiddle.net/A3uMK/8/

Answer 2

div가 표시되지 않기 때문입니다. div를 표시하는 것을 잊었습니다.

$('div').html($data).show();