jqueryを使用して動的に作成された段落を非表示にして表示する

Question

リストから名前と説明を動的に取得するSharepointサイトがあります。

var name = $(this).attr('ows_Title'); //This is the internal storage name in SP 
var comments = $(this).attr('ows_MetaInfo').match(/^_Comments:SW\|(.*)$/m); 

私は、これらのVARSを取って、自分のページに空のdivにそれらを供給していますが

 var item = "<a class='docLinks' href='http:path/to/the/doc/" + name + "'>" 
+ title + "</a><br><p><span class='description' id='para_" + i + "'>" 
    + comments + "</span></p><br>"; 
     $('#docList').append(item); 

私はそうコメント "それを作るためにしようとしています（div要素は、「ドキュメントリスト」と呼ばれます）アイテムの説明は、アイテムの名前の下にあるホバーに表示されます。

私はこのテーマに様々な繰り返しを試してみました：

 $('#docList a').hover(function(){ 
      $(this).child().css({'display':'block'})}, 
      function(){ 
       $(this).child().css({'display':'none'}); 
     }); 

、私はいくつかの簡単な警告にコード化された、と彼らは罰金だったので、私は、ホバーイベントにアクセスできることを知っています。

もともと、私は（あなたが見ることができるように）各コメント "そのownidを与えてみましたが、指標値を得ることにまでトリップしてしまいました。私はそれからこの試みを試みることにしました

 $(this).children('.description').css({'display':'block'}); 

運がありません。私は閉じますか？私はどこで構文をねじっていますか？

Answer 1

$(this).nextUntil('p').next().find('.description').hide() 

$(this).nextUntil('p').next().find('.description').show() 

と私は説明はすでに隠されている、言及しているはずですので、私は以下のようなものをあなたのコードをひっくり返し.....迅速な対応のために、この