不太明白为什么
看不明白为什么要用input
看不明白为什么要用input
2015-06-16
在什么时候隐藏,在什么时候显示,所以缺少一个判断条件!判断条件可以自己添加!不用input也行。看代码:
<!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>使用show()和hide()方法显示和隐藏元素</title> <style> div{ margin: 10px 0px; border: solid 1px #ccc; width: 280px; } ul{ list-style-type: none; padding: 5px; margin: 0px; display: none; } li{margin: 3px;} h4{background-color: #eee; padding: 5px; margin: 0px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <h3>使用show()和hide()方法显示和隐藏元素</h3> <div> <h4>我喜欢吃的水果</h4> <ul> <li>苹果</li> <li>甘桔</li> <li>梨</li> </ul> </div> <script type="text/javascript"> $(function () { var i=false; $("h4").bind("click", function () { if (i == false) { $('ul').show(); i=true; } else { $('ul').hide(); i=false; } }); }); </script> </body> </html>
举报