元素可见性
出自Manyou开发者指南
描述
使用如下属性可以控制点击事件时元素的可见性:
- clicktoshow – 将指定id的元素设为可见。
- clicktohide – 隐藏指定id的元素。
- clicktotoggle – 用逗号为分割,指定一组元素,每次使其中一个可见。
范例
<a id="show_text" href="#" clicktohide="show_text" clicktoshow="History,hide_text">Show History</a>
<a id="hide_text" href="#" clicktohide="History, hide_text" clicktoshow="show_text" style="display:none">Hide History</a>
<div id="History" style="display:none">THE STUFF TO DISPLAY</div>
说明
- 只能用行内样式style="display:none;" 的形式指定一个元素的默认隐藏样式,外部引用的隐藏样式会导致可见性效果无效。
- 在 profile box 或任何带滚动条的页面中, 点击链接会导致页面跳到最上面 (相当于默认执行了锚点 "#" 的动作)。为了防止这种情况发生,可以将href属性设置为一个并不存在的锚点, 比如 href="#nonexistantbookmark"。
