Jquery part-II



























<html>
<head>
<title>jquery</title>
<script src="jquery.js">
</script>
<script>
$(document).ready(function(){
$("p").hide();
$("h1").click(function(){
$(this).next().slideToggle(300);
});
});
</script>
</head>
<body>
<h1> Heading 1</h1>
<p>This is Details of Heading One!!</p>
<h1> Heading 2</h1>
<p>This is Details of Heading Two</p>
<h1> Heading 3</h1>
<p>This is Details of Heading Three</p>

</body>
</html>










$("p").hide();
$(this).next().slideToggle(300);
});
});






















<html>
<head>
</script>
<script>
$(this).css("background-color","red");
});
});
</script>
</head>
<body>
<h1> Heading 1</h1>
<h1> Heading 2</h1>
<h1> Heading 3</h1>

</body>
</html>









$(this).css("background-color","red");
});
});





<html>
<head>



<style type="text/css">
h2{background-color: orange;}
</style>
</script>
<script>

























$("h2").slideUp(1000);
});
});
</script>
</head>
<body>
<h1> Click Me</h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>

</body>
</html>











$("h2").slideUp(1000);
});
});




























<html>
<head>
</style>
</script>
<script>
$(“h2”).hide();
$("h2").slideDown(1000);
});
});
</script>
</head>
<body>
<h1> Click Me</h1>
<h2> Heading 2</h2>
<h3> Heading 3</h3>

</body>
</html>




$("h2").hide();








$("h2").slideDown(1000);
});
});



<html>



<head>












</style>






</script>



<script>



$("h2").hide();





$("h2").slideToggle(1000);




});



});



</script>



</head>



<body>



<h1> Click Me</h1>



<h2> Heading 2</h2>



<h3> Heading 3</h3>



</body>



</html>




$("h2").hide();








$("h2").slideToggle(1000);
});
});



<html>



<head>












</style>






</script>



<script>



//$("h2").hide();





$("h2").fadeOut(1000);




});



});



</script>



</head>



<body>



<h1> Click Me</h1>



<h2> Heading 2</h2>



<h3> Heading 3</h3>



</body>



</html>




//$("h2").hide();








$("h2").fadeOut(1000);
});
});

Jquery part-II

More Related Content

What's hot (19)

Viewers also liked (11)

Recently uploaded (6)

Jquery part-II