Question

我今天得到了一些帮助，但不得不修改它并需要清理它。基本上我有一个标签界面，我需要根据可见的标签显示相应的横幅广告。只有两个团体，经纪人和所有其他人。因此，如果选择了代理选项卡（#BrokContent）（在页面加载时以及在另一个选项卡可见时单击它），则显示代理标题。所有其他时间显示另一个横幅。

HTML - 横幅广告

<div id="brokerAd">
    <h3 class="featured">Featured PARTNER</h3>
    <div class="bannerTop">Im the broker banner
    <!-- brokerAd End --></div>
<!-- /bannerContain --></div>

<div id="bannerContain">
    <h3 class="featured">Featured PARTNER</h3>
    <div class="bannerTop">Other banners
    <!-- AdSpeed.com End --></div>
<!-- /bannerContain --></div>

和需要简化的JS

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

        $("ul#flowtabs li a").click(function(){
            var bcVisible = $("#BrokContent").is(":visible");
            $("#brokerAd").toggle(bcVisible);
            $("#bannerContain").toggle(!bcVisible);
        });

Answer 1

我简单地阅读了它，我找不到任何方法使它更简洁。我唯一能想到的就是删除点击处理程序中#brokContent上的isvisible检查，然后只保留toggle（）。除此之外，我认为就是这样。

根据可见标签更改横幅广告

1 个答案: