jQuery控制显示隐藏事件小插曲

eg.一页面中有a、b两部分,a部分有个筛选图标,我希望一开始的时候a是显示的,b是隐藏的,当点击筛选图标时,a隐藏,b显示;然后在b页面里有个返回按钮,希望点击b中的返回按钮时a显示b隐藏,搞了半天,记录一下教训:

<a class="store-value-condition" style="float: right;margin: 10px;">
    <img src="../images/select.png" alt="" class="condition">
    <p>筛选</p>
</a>

问题1:一开始点击筛选进入b页面,但点击b页面的返回时回不去了:问题出在一开始的b部分是单独的页面,在点击筛选时进行了href页面跳转,到了b页面,而不是与a同一页面的b部分,不同页面控制显示隐藏肯定有问题了。。。把这里的筛选的href去掉,通过jQuery控制a、b两部分的显示与隐藏

问题2:href去掉之后,当点击a部分的筛选时进入到的即是b部分,但这里又有一个问题,b部分一闪而过,即点击筛选确实是a隐藏,b显示,但瞬间b消失了,a出现了。。。问题出在筛选部分的按钮是a链接标签,会产生瞬间刷新的效果,当点击a的筛选时a隐藏b显示,同时筛选的a链接标签开始刷新,进入默认页面即是a部分显示的初始设置。。。

解决办法:a链接的href去掉,同时将a标签换成div标签。

宝剑锋从磨砺出,梅花香自苦寒来。
原文地址:https://www.cnblogs.com/haimengqingyuan/p/7795747.html