.toggle() Event

Syntax

.toggle()

Description

The .toggle() event triggers or binds two or more event handler of an specified element in alternate clicks. The below example shows you clearly how to change the style of the specified element using .toggle() mouse event.

Example Code

<style> #para p { background:lightblue; font-weight:bold; font-size:14px;width:50%; } </style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <div id="para"> <p class="jq_ptag">Welecome to Hscripts.com</p> <br></div><br><button id="aa" align=left>Toggle</button><br><script type="text/javascript"> $("#aa").click(function () { $("#para p").toggle("slow"); }); </script>