小编con*_*.ob的帖子

基本上我有6个按钮和6个段落(每个按钮与特定段落相关).我想在单击某个按钮时显示一段文本,然后在再次单击该按钮时隐藏该段落.

我看过类似的问题,但似乎无法让它发挥作用.我认为它是因为我只是开始尝试使用jquery而不是真正理解这个问题.所有肝脏将不胜感激!谢谢!

HTML:

     <div class="button"><div class="button float_l"><a href="#">More..</a></div>
     <div class="button"><div class="button float_l"><a href="#">More..</a></div>
     <div class="button"><div class="button float_l"><a href="#">More..</a></div>   


        <p><div id="text1">Paragraph 1</div></p>

        <p><div id="text2">Paragraph 2</div></p>

        <p><div id="text3">Paragraph 3</div></p>

JavaScript的:

     $(document).ready(function () {

     $("#text1").hide();
     $(".button").click(function(){
     $("#text1").toggle();

     $("#text2").hide();
     $(".button").click(function(){
     $("#text1").toggle();

     });

第一个按钮应与第一个段落相关,依此类推.我尝试使用'this'功能与特定按钮相关但必须使用它不正确,因为它有效.