Question

今天我有这个问题。我在PHP中编写了一个简单的普通脚本，用于从数据库中获取信息（在本例中为新闻），然后我认为使用Jquery来切换新闻，但它不能正常工作...实际上我会那样，当我点击在新闻标题上新闻内容将切换然后如果您再次点击新闻标题将关闭新闻内容...这是脚本：

<html>
<head>
<script type="text/javascript" src="../jquery/jquery-1.6.2.min.js"></script>
<script>   
           $(document).ready(function(){
     $('.tit_news').click(function(){
        $('.cont_news').slideToggle();
        });
      });
</script>
</head>
</html>
<?php 
$query="SELECT * FROM tablename";
$do=mssql_query($query);
while($news=mssql_fetch_array($do)){
echo '<div class="tit_news">'.$news['title'].'</div><br /><div class="cont_news">'.$news['text'].'</div><hr>';
}
?>

但是这有一个问题，当我点击一个新闻标题时所有的新闻都要切换...我会说只有我点击的新闻内容才会切换

Answer 1

将您的jQuery更改为：

$(document).ready(function(){
   $('.tit_news').click(function(){
       $('.cont_news', this).slideToggle();
   });
});

$（'。cont_news'）匹配.cont_news的所有实例，而$（'。cont_news'，this）与$（this）.find（'。cont_news'）相同。

Jquery SlideToggle不同的Div

1 个答案: