我正在构建一个产品页面,可以在这里看到(http://n9nemedia.net/v2/products/),并且脚本以一种单一的方式(不隐藏多个 div 与一个听众完美 - 可以在这里看到http ://www.supercentral.net/downloads通过单击僵尸地图包下的“阅读列表”)完美运行。
我的问题是,我该怎么做才能使(http://www.n9nemedia.net/v2/products/)在 IE7 中工作?
代码示例:
jQ(".prod-details-web").hide();
jQ(".prod-details-dev").hide();
jQ(".prod-details-grow").hide();
jQ(".prod-details-brand").hide();
jQ(".prod-details-3g").hide();
jQ(".prod-expand-web").click(function(event) {
jQ(".prod-details-dev").slideUp("fast");
jQ(".prod-details-grow").slideUp("fast");
jQ(".prod-details-brand").slideUp("fast");
jQ(".prod-details-3g").slideUp("fast");
jQ(this).parents(".prodcontent")
.find(".prod-details-web").slideDown("slow");
});
jQ(".prod-collapse-web").click(function(event) {
jQ(this).parents(".prod-details-web").slideUp("fast");
event.preventDefault();
jQ(".prod-details-web:hidden").show();
});
目标是每次点击只显示一种产品。不要在点击时取消隐藏所有 div。该脚本在除 IE7 之外的所有浏览器中都能完美运行。在我亲自检查过的 Chrome、Firefox、Safari 和 IE8 中工作。
有什么建议吗?