jQuery(document).ready(function(){ $("#red-products").hide(); $("#content-info").click(function(event){ $("#red-products").hide(); $("#red-information").show(); }); $("#content-product").click(function(event){ $("#red-information").hide(); $("#red-products").show(); }); $("#more").click(function(event){ load(this.href); return false; }); });
如您所见,默认情况下#红色产品是隐藏的,#红色信息是可见的。有时我想要#红色产品可见,#红色信息隐藏,意思是像
HTTP://localhost/networks2/profile.PHP ID = 1&安培;偏移量= 1个#产品
显示#红色产品并隐藏#红色信息。和
HTTP://localhost/networks2/profile.PHP ID = 1&安培;偏移量= 1个#信息
隐藏#红色产品并显示#红色信息。
如何使用jQuery从URL中读取锚点,并隐藏/显示适当的部分?
解决方法
您可以将初始隐藏更改为基于
window.location.hash
,替换为:
$("#red-products").hide();
有了这个:
$("#red-products,#red-information").hide(); $("#red-" + (window.location.hash.replace("#","") || "information")).show();