1. In the toggle () method , you can call n the specified function in turn until the last function, and then repeat the call to the function, whose syntax is as follows: Toggle (FN, fn2, [Fn3, Fn4,...]), where FN, fn2, Fn3, Functions such as fn4 are called sequentially.
2. Sample Code :
Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>toggle Method </title>
<script type= "Text/javascript" src= "Jquery-1.8.3.min.js" ></script>
<style type= "Text/css" >
BODY{FONT-SIZE:13PX}
Img{border:solid 1px #ccc;p adding:3px}
</style>
<script type= "Text/javascript" >
$ (function () {
$ ("img"). Toggle (function () {
$ ("img"). attr ("src", "images/img05.jpg");
$ ("img"). attr ("title", THIS.SRC);
},function () {
$ ("img"). attr ("src", "images/img06.jpg");
$ ("img"). attr ("title", THIS.SRC);
},function () {
$ ("img"). attr ("src", "images/img07.jpg");
$ ("img"). attr ("title", THIS.SRC);
}
)
})
</script>
<body>
</body>
3, the effect chart preview：
First time click:
Second time click:
