jquery中有点击隐藏显示的功能吗
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script src="jquery.ui/jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> function button1() { if ($("#a1").is(":hidden ")) { $("#a1").fadeOut("slow"); $("#a2").html("显示左侧菜单 "); } else { $("#a1").fadeIn("slow"); $("#a2").html("隐藏左侧菜单 "); } } </script></head><body> <form id="form1" runat="server"> <div> <span id="a1">1111111111111</span> <span id="a2">22222222</span> <input id="Button1" type="button" onclick="button1()" value="button" /> </div> </form></body></html>为什么只能隐藏，不能再显示了
<head runat="server">
<title></title>
<script type="text/javascript" src="easyui/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#Button1").click(function(){
$("#a2").toggle();
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<span id="a1">1111111111111</span>
<span id="a2">22222222</span>
<input id="Button1" type="button" onclick="button1()" value="button" />
</div>
</form>
</body>
</html>
我做了个你看看
function button1() {
$("#a1").toggle();
$("#a1").is(":hidden ")?$("#a2").html("隐藏左侧菜单 "):$("#a2").html("显示左侧菜单 ");
}
</script>
