jQuery SlideToggle不同的Div

Question

今天我有這個問題。 我在php中編寫了一個簡單的普通腳本，用於從db獲取信息（在本例中為新聞），然后我認為可以使用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 個解決方案

解決方案1
0 2011-09-12 21:21:52

jQuery SlideToggle不同的Div

問題描述

1 個解決方案

解決方案1 0 2011-09-12 21:21:52

解決方案1
0 2011-09-12 21:21:52