.toggle()

Syntax

Parameters

handlerEven

A function to execute every even time the element is clicked

handlerOdd

A function to execute every odd time the element is clicked

additionalHandlers (optional)

Additional handlers to cycle through after clicks

Return value

The jQuery object, for chaining purposes.

Description

Bind two or more handlers to the matched elements, to be executed on alternate clicks.

For example:

 
<div id="target">
 Click here
</div>
  

Event handlers can then be bound to the <div>.

$('#target').toggle(function() {
 $.print('First ');
}, function() {
 $.print('Second');
});

1. jQuery Event
2. jQuery's methods for event
3. Event object
4. event.keycode
5. event.clientX/clientY
6. event.pageX/pageY: click event coordinates
7. event.preventDefault()
8. event.stopPropagation(): Stop only an event from bubbling by using the stopPropagation method.
9. event.target.tagName
10. event.which:check key code
11. return false to Cancel a default action and prevent it from bubbling up
12. bind
13. .blur()
14. .change()
15. .click()
16. .error()
17. .dblclick()
18. .delegate()
19. die:Removes a bound live event
20. .focus()
21. .hover()
22. keydown() event
23. .keypress()
24. keyup event and check the key code
25. .live()
26. .load()
27. mousedown() event
28. mouseenter() event
29. mouseleave
30. mousemove()
31. mouseover() event
32. mouseout
33. mouseup() event
34. .off() removes events
35. .on() replaces the functionality of all the event methods.
36. .one() method executes handler only once.
37. .ready()
38. .resize()
39. .scroll()
40. .select()
41. .submit()
42. .toggle()
43. .trigger()
44. .triggerHandler()
45. .unbind() accepts a string describing the event type to unbind.
46. .undelegate() removes the binding
47. .unload()
48. use bind/trigger to create custom event