0

こんにちは私は10個の記事を表示するphpページを持っています。必要なのは、記事ボックスにカーソルを合わせるとすべてが正常に機能していることを示します。最初の記事にカーソルを合わせると、すべてではありません。記事

これは私のphpコードです

$query = mysql_query("SELECT * FROM stories ORDER BY id DESC LIMIT 0,10");
while ($row=mysql_fetch_array($query))
{
    echo "<div class='content_story_block'>
            <div class='content_story_block_menu'>$row[title]
                <div id='Read_More' style='display:none;' class='content_story_block_menu_span'>Read More</div>
            </div>
            <div class='content_story_block_row'>$row[brief]</div>
         </div>";
}

これは私のjqueryコードです

<script type="text/javascript">
    $('.content_story_block').hover(function() {
      $('#Read_More').toggle('slow', function() {
        // Animation complete.
      });
    });
</script>

私は何が欠けていますか？

4

3 に答える 3

1

Read_Moreidからclassに変更します。

<div style='display:none;' class='content_story_block_menu_span Read_More'>
Read More</div>

次に、スクリプトを変更します。

<script type="text/javascript">
    $('.content_story_block').hover(function() {
      $(this).find('div.Read_More').toggle('slow', function() {
        // Animation complete.
      });
    });
</script>
于 2013-03-26T06:14:15.373 に答える
0 
<script type="text/javascript">
    $('.content_story_block').hover(function() {
      $(this).next('#Read_More').toggle('slow', function() {
        // Animation complete.
      });
    });
</script>
于 2013-03-26T06:14:20.010 に答える
0

これを試して

<script type="text/javascript">
$('.content_story_block').hover(function() {

 $('.content_story_block_menu_span').each(function(){
      $(this).toggle('slow', function() {
    // Animation complete.
  });
  })
});

于 2013-03-26T06:18:10.947 に答える