<!doctype html><html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" > <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script><![endif]--> <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1"> <style>#panel { width: 200px; margin: 200px auto; border: 1px solid #8E2C2D; background-color: brown; text-align: center;}</style> <script> $(document).ready(function(){ var kk=$(".panel-body"); var flag=true; $("#panel").click(function(){ if(mm==true){ kk.hide(); flag=false; } else{ kk.show(); flag=true; } }) }) ?? </script> </head> <body> <div class="panel" id="panel"> 點我顯示/隱藏內容 <div class="panel-body"> Hello world! </div> </div></body></html>
1 回答
已采納
習慣受傷
TA貢獻885條經驗 獲得超1144個贊
目測你這段代碼就有一個問題，mm 這個變量沒有定義哈。
再者，你這個應該寫一個變量，記錄點擊次數，比你這樣實現要簡單。你先自己實現試下，實現不了再問我，我給你說。
-
流觴醉月謝謝你的回答，問題剛自己得到解決了。除了mm沒有定義的原因之外，還有我把var mm=ture；寫在click（）點擊事件函數之內了，應該定義在click（）之外才有效果的。 另外你說的記錄點擊次數來實現來回二次點擊切換樣式的方法怎么做？謝謝 -
習慣受傷聲明一個變量初試值x為1，每次點擊加1，然后x%2==0 就是兩次點擊，其他和你的邏輯都一樣
-
流觴醉月<script> $(document).ready(function(){ var kk=$(".panel-body"); var sum=0; $("#panel").click(function(){ sum=sum+1; if(sum%2==0){ kk.show(1000,function(){ $("#panel").animate({ left:'+=200px', top:'+=500px', right:'+=200px', bottom:'+=500' },5000); }); } else{ kk.hide(1000).css("color","green"); } }) }) 可以，掌握了，謝謝
點擊展開后面1條
- 1 回答
- 0 關注
- 1305 瀏覽
添加回答
舉報
0/150
提交
取消