<!doctype html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <title>无标题文档</title> <style type="text/css"> .updown{display:none;} </style> </head> <body> <div> <ul> <li >1</li> <li >2</li> <li >3</li> <li >4</li> </ul> <ul class="updown"> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> <a href="javascript:;">更多</a> </div> <script type="text/javascript"> $(function(){ /* $(".vis,li:last").show(); $("a").click(function(){ if($("a").html()=="更多"){ $("li").show(); $("a").html("收起"); } else{ $("li").hide(); $(".vis,li:last").show(); $("a").html("更多"); } }) }) */ $("a").bind("click",function(){ $(".updown").slideToggle("fast",function(){ $("a").html=="更多" ? $("a").html("收起") : $("a").html("更多"); }) }) }); </script> </body> </html>
为什么<a>的文字切换不了?