求知贴......(jQuery代码)

2008-05-07 02:04:15 　　来自: 丹红格子裙 (北京)

　　一个博客，我想设计成点击文章标题文章正文slide的效果，因为博客的文章有很多，我想在点击的时候把this指向当前的存放正文的div区域，可是反复试验，不成功，大部分原因是因为我是初学者，求人指导。代码如下：
　　　　<HTML>(只表示大概意思)
　　　　<body>
　　　　 <h1>文章标题/点击部分</h1>
　　　　 <div>
　　　　 <p>这里</p>
　　　　 <p>存放</p>
　　　　 <p>文字</p>
　　　　 </div>
　　　　 <h1>另一篇文章标题</h1>
　　　　 <div>
　　　　 <p>这里</p>
　　　　 <p>存放</p>
　　　　 <p>文字</p>
　　　　 </div>
　　　　</body>
　　　　
　　　　<js>(jQuery代码)
　　　　$(document).ready(function(){
　　　　 $("h1").click(function(){
　　　　 $("div"). slideToggle();
　　　　 })
　　　　});
　　　　问题出现在当点击h1的时候所有的div都消失了，如果我要使用this 该如何改写代码？？？？
　　

2008-05-07 21:06:21 cssrain

<script src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js" type="text/javascript"></script>
　　<SCRIPT LANGUAGE="JavaScript">
　　
　　</SCRIPT>
　　
　　
　　<HTML>
　　　　　　<body>
　　　　　　 <h1>文章标题/点击部分</h1>
　　　　　　 <div>
　　　　　　 <p>这里</p>
　　　　　　 <p>存放</p>
　　　　　　 <p>文字</p>
　　　　　　 </div>
　　　　　　 <h1>另一篇文章标题</h1>
　　　　　　 <div>
　　　　　　 <p>这里</p>
　　　　　　 <p>存放</p>
　　　　　　 <p>文字</p>
　　　　　　 </div>
　　　　　　</body>