根据可见的标签显示广告div

时间:2010-11-17 15:01:37

标签: jquery

我有两个div,用于保存从广告服务器动态加载的横幅广告,主要是“#bannerTop”,另一个是“#brokerageBanner”。根据哪个标签处于活动状态,一次只能看到一个包含这些广告的div。该页面为每种类型的合作伙伴设置了一个标签,实际上只有两个 - 经纪合作伙伴和所有其他合作伙伴。只有当标签“#BrokContent”可见时,我才需要显示“#brokerageBanner”。我是否应该使用附加的网址“/ partners#Brokerage”或包含该内容“#BrokContent”的div来触发展示哪个横幅广告?我对此有一些看法:

if ($("#BrokContent").is(:visible)) {
   $("#brokerageBanner").show();
   $("#bannerTop").hide();
 } else {
 $("#bannerTop").show();
 $("#brokerageBanner").hide();
}

感谢

1 个答案:

答案 0 :(得分:2)

:visible是一个选择器,需要是非引号,如下所示:

if ($("#BrokContent").is(":visible")) {
  $("#brokerageBanner").show();
  $("#bannerTop").hide();
} else {
  $("#bannerTop").show();
  $("#brokerageBanner").hide();
}

或者使用.toggle(bool)这样简洁一点:

var bcVisible = $("#BrokContent").is(":visible");
$("#brokerageBanner").toggle(bcVisible);
$("#bannerTop").toggle(!bcVisible);