jqueryselectors.html

<html>
<head>
<style>
.mydivs{
border:2px solid red;
margin:5px;
padding:10px;
}

</style>
</head>
<body>
<h2 id="1">selectors up jQuery</h2>
<div id="firstdiv" class="mydivs">
<p>first div</p>
<p>second div</p>
</div>
<div id="seconddiv"  class="mydivs">
<p>third div</p>
</div>
<div id="thirddiv"  class="mydivs">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<button onclick="fn1()" id="btn1">click me</button>

</body>
<script src="jquery.js" type="text/javascript"></script>
<script>
function fn1()
{
$("#1").fadeToggle(5000);
$("li:even").fadeToggle(1000);
}
</script>

</html>