Copy Code code as follows:
<meta charset= "Utf-8"/>
<style>
*{margin:0; padding:0;}
body{font-size:15px;}
#container {margin:60px; line-height:2em; width:300px; border:1px solid #CCC;}
. head{background: #999; padding:5px; cursor:pointer;}
. content{text-indent:15px;}
</style>
<script type= "Text/javascript" src= "Script/jquery-1.4.2.min.js" ></script>
<script>
$ (function () {
$ ("H5.head"). Toggle (function () {
$ ("Div.content"). Fadeout (3000);
},function () {
$ ("Div.content"). FadeIn (3000);
});
})
</script>
<body>
<div id= "Container" >
<div class= "Content" >
jquery is a JavaScript library after the prototype prototype, with simple code and perfect browser compatibility, plus powerful DOM operations, sophisticated event-handling mechanisms, and powerful AJAX operations that simplify the work of JavaScript developers.
</div>
</div>
</body>
