特定のデータの詳細を表示する方法Jqueryを使用してマウスを移動する

Question

ユーザーがすべての内容を表示する必要がある以上のマウスで、出力がポップまたはiframeに似ている必要があります。どのようにこれを達成するために？

  $('#previousIssuedDetail').live('mouseover', function() { 
     $(this).addClass('row_over'); 
     }); 

ではなく、それを

Answer 1

を表示することができますが、このようなものが必要？

<div id="acc">Acc 
    <ul id="ulAcc"> 
     <li>User</li>  
     <li>User 2</li> 
     <li>User 3</li> 
    </ul> 
</div>​ 

JS

$("#acc").hover(function(){ 
    $(this).children().stop(true,true).slideDown(); 
    }, function(){ 
    $(this).children().stop(true,true).slideUp();  
});​ 

Demo

Answer 2

あなたは正確に問題が何であるかを教えていただけますか？

これを取得する最も簡単な方法は、このようになります。 は、あなたがこのようなHTML定義 -

<dl class="user"> 
<dt class="username">Username</dt> 
<dd class="userdetails>User Details</dd> 
</dl> 

さて、CSSファイルに、あなたはこれを書くことができます -

.userdetails { display: none; } 
.user:hover > .userdetails { display: block; } 

また、それはあまりにも成し遂げるためにjqueryのスクリプトを書くことができます。 または、このようにCSSをカスタマイズして、jqueryを使用せずに行うことができます。