主要介绍了jQuery实现侧边栏隐藏与显示的方法,结合实例形式较为详细的分析了jQuery基于事件响应与页面元素属性动态操作实现元素显示与隐藏功能的相关操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现侧边栏隐藏与显示的方法。分享给大家供大家参考，具体如下： web项目中经常会出现左侧侧边栏，右侧显示内容的web页面。 效果如图： 如何实现点击本周食谱，本周食谱的列表隐藏或显示切换，并关闭下周食谱列表显示，点击下周食谱，让下周食谱的列表隐藏切换显示，并关闭本周食谱列表显示 实现思路： 1.布局： 布局顶部的topDiv，左侧的leftDiv(optionDiv，navListUl)， 布局右侧的contentDiv. 布局如图： 2.js控制optionDiv