基本上比着书上的程序照抄的一个程序.在runjs.cn上写的,感觉这个平台用来入门学习html,js,css感觉挺不错的,三种代码分别在不同的窗口写,显得比较清爽,其次还可以实时预览。因为

把addClass写成了addclass,结果一直出错,没注意大小写,血淋淋的教训啊。

    $(
    	
    	function(){
    		$(".divTitle").click(
    			function(){	 $(this).addClass("divCurrent").next(".divContent").css("display","block");
    			}	
    		)
    }
    );
    .divFrame{
    	width:260px;
    	border:solid 1px #666;
    	font-size:10pt;
    }
    .divTitle{
    	background-color:#eee;padding:5px;}
    .divContent{
    	padding:5px;display:none;}
    .divCurrent{background-color:red;}

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    		<title>HelloWorld</title>
    	<script id="jquery_182" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.2.min.js"></script>
     
    	</head>
    	<body>
    		<div id = "divFrame">
    			<div  class = "divTitle">点我试一试</div>
    			<div class= "divContent">
    				HelloWorld!
    			</div>
    			
    		</div>
    			
    	</body>
    </html>