日期:2014-05-16  浏览次数:20509 次

如何实现onclick点击一次,显示一个div,再点击一次,取消div显示
我想要点击一个按钮,触发一个事件,再点击一次,取消事件,
比如点击按钮,出现一个隐藏的div,再点一次,div消失。那个按钮相当于Div显示的开关。
请问如何能做到呢?

------解决方案--------------------
www.jquery.com

------解决方案--------------------
<div id= "d "> aa </div>
<input type= "button " onclick= "document.getElementById( 'd ').style.display=document.getElementById( 'd ').style.display== ' '? 'none ': ' ' ">
------解决方案--------------------
在点击事件中先判断div是显示的还是隐藏的,如果显示则让它隐藏,反之则显示
------解决方案--------------------
function elementDisplay(objID){
document.getElementById(objID).style.display = ( document.getElementById(objID).style.display != 'none ' ? 'none ' : 'block ' );
}
------解决方案--------------------
楼上的回答应该没有问题。。

帮顶。
------解决方案--------------------
这应该是最初级的问题了,楼主应该自己动手试试

取消事件并不能达到目的,取消事件指的是中止事件的默认行为,比如停止表单提交,停止打开链接等等
你要实现的功能是以事件为驱动,实现某些功能
那么只要在事件的处理方法里改变div的显示(display or visibility)属性即可达到目的.