toggle的用法

2015-03-02 13:29:05  访问(1414) 赞(0) 踩(0)

  • 
<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>toggle的用法</title> 
<script type="text/javascript" src="<%=jQuery%>"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
  $("input").click(function(){
     $("p").toggle(); 
  })
}); 
</script> 

<%=VersionHideInfo%>
</head> 
<body> 

<input type="button"  value="切换">

<p>1、这里本来是显示的，toggle()切换了。</p>

<p style="display: none">2、这里本来是隐藏的，toggle()切换了</p>
<!--切换元素的可见状态。
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
-->
</body> 
</html>


上一条：

下一条：


 

相关评论

评论加载中……
 

发表评论

类型：
内容：
  (Alt+Enter)
 
  ┈全部┈  
 
（显示默认分类）