Question

我客户端侧边栏顶部的两个标签显示/隐藏div和文本，具体取决于单击哪一个。但是，如果您单击已打开的选项卡，则第二个div的文本将在不应该出现时显示。

如果＆＃39;部件＆＃39;点击已经打开，品牌中心的文字也会出现。如果＆＃39;品牌中心＆＃39;单击已经打开，文本将被删除。

试图阻止这种情况发生，某种方式知道它已经打开等。

直播网站：http://bit.ly/TcHxkS 主页左侧边栏。

HTML

<div class="category-sidebar">
    <p id="parts-info">FAI Auto stock over 125,000 parts, to find out more select a parts category from below.</p>
    <p id="brand-intro">Welcome to the FAI Brand Centre. This part of our web site allows our agents and customers to be able to download photographic &amp; graphical material in a variety of formats so that marketing material can be reproduced with a consistent FAI look and feel.</p>
    <div id="category-list">
        <?php
            $args = array(
                'menu'       => 'sidebar-menu',
                'container'  => 'true',
            );
            wp_nav_menu( $args );
        ?>
    </div>

的jQuery

<script type="text/javascript">
    $("#parts-tab").click(function(){
      $("#brand-login").hide();
      $("#category-list").show();
      $('#brand-tab').removeClass('sidebartabs-active-black');
      $('#parts-tab').addClass('sidebartabs-active');
    });
    $("#brand-tab").click(function(){
      $("#category-list").hide();
      $("#brand-login").show();
      $('#brand-tab').addClass('sidebartabs-active-black');
      $('#parts-tab').removeClass('sidebartabs-active');
    });
    $("#brand-tab").click(function(){
      $("#catalogue-btn2").hide();
      $(".category-sidebar").addClass('black');
      $(".inner-category-sidebar").addClass('black');
      $("#brand-login").addClass('black');
    });
    $("#parts-tab").click(function(){
      $("#catalogue-btn2").show();
      $(".category-sidebar").removeClass('black');
      $(".inner-category-sidebar").removeClass('black');
      $("#brand-login").removeClass('black');
    });
</script>

Answer 1

您的代码中的这一部分出现了问题：

<script type="text/javascript">
    $(function(){
        $("#brand-intro").hide();
        $("#brand-tab").on("click", function(){
            $("#brand-intro").toggle();
            $("#parts-info").hide();
        });
        $("#parts-tab").on("click", function(){
            $("#brand-intro").toggle();
            $("#parts-info").show();
        });
    });
</script>

你应该在什么时候显示/隐藏“#brand-intro”。实际上，如果我理解正确，这部分代码应如下所示：

<script type="text/javascript">
    $(function(){
        $("#brand-intro").hide();
        $("#brand-tab").on("click", function(){
            $("#brand-intro").show();
            $("#parts-info").hide();
        });
        $("#parts-tab").on("click", function(){
            $("#brand-intro").hide();
            $("#parts-info").show();
        });
    });
</script>

单击显示/隐藏div，但在显示时停止

1 个答案: