<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">? ? <head>? ? ? ? <title>toggle()方法的動(dòng)畫(huà)切換效果</title>? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />? ? </head>? ??? ? <body>? ? ? ? <h3>toggle()方法的動(dòng)畫(huà)切換效果</h3>? ? ? ? <div>? ? ? ? ? ? <h4>? ? ? ? ? ? ? ?<span class="fl">我喜歡吃的水果</span>? ? ? ? ? ? ? ?<span class="fr" id="spnTip">顯示</span>? ? ? ? ? ? </h4>? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? <li>蘋(píng)果</li>? ? ? ? ? ? ? ? <li>甘桔</li>? ? ? ? ? ? ? ? <li>梨</li>? ? ? ? ? ? </ul>? ? ? ? </div>? ? ? ??? ? ? ? <script type="text/javascript">? ? ? ? ? ? $(function () {? ? ? ? ? ? ? ? var $spn = $("#spnTip");? ? ? ? ? ? ? ? $("h4").bind("click", function () {? ? ? ? ? ? ? ? ? ??? ? ? ? ? ? ? ? ? ? $("ul").toggle(function(){? ? ? ? ? ? ? ? ? ? ? ? alert(1);? ? ? ? ? ? ? ? ? ? },function(){? ? ? ? ? ? ? ? ? ? ? ? alert(2);? ? ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? });? ? ? ? ? ? });? ? ? ? </script>? ? </body></html>//點(diǎn)擊h4 ? 每次只會(huì)alert(2)； 有沒(méi)高手知道為什么？
有沒(méi)有人知道為什么toggle總是顯示第二個(gè)？大家可以試下
簡(jiǎn)約321
2015-09-16 22:11:42
