求个Jquery的简单用法

<div class=a>
<div class=b>标题1</div>
<div class=c style="display:none">内容1</div>
</div><div class=a>
<div class=b>标题2</div>
<div class=c style="display:none">内容2</div>
</div><div class=a>
<div class=b>标题3</div>
<div class=c style="display:none">内容3</div>
</div><script>
$(".a").toggle(function(){$(".c").show();},function(){$(".c").show();});
</script>
这样的话所有的class c都打开了 

解决方案 »

  1.   

    $(".a").toggle(function(){$(this).find(".c").show();},function(){$(this).find(".c").show();});
      

  2.   

    toggle(fn,fn) 
    每次点击时切换要调用的函数。 
    如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。 
    参数 
    fn (Function) : 第奇数次点击时要执行的函数。 fn (Function) : 第偶数次点击时要执行的函数。 例子：
    $("td").toggle( 
    function () { 
    $(this).addClass("selected"); 
    }, 
    function () { 
    $(this).removeClass("selected"); 
    } 
    );
      

  3.   

    <!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN "   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
    <html   xmlns= "http://www.w3.org/1999/xhtml">
    <head>
    <meta  http-equiv= "Content-Type"  content= "text/html;charset=utf-8"  />
    <title> 无标题文档 </title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type= "text/javascript">
    $(function(){
    $(".a").toggle(function(){$(this).children(".c").show();},function(){$(this).children(".c").hide()});
    });
    </script>
    </head><body>
      <div class=a>
    <div class=b>标题1</div>
    <div class=c style="display:none">内容1</div>
    </div><div class=a>
    <div class=b>标题2</div>
    <div class=c style="display:none">内容2</div>
    </div><div class=a>
    <div class=b>标题3</div>
    <div class=c style="display:none">内容3</div>
    </div>
      
    </body>
    </html>