Javascript/Jquery获取所有没有特定id的子div，并将display更改为none

Question

我有以下div，当第一个div被更改时，第二个div中相应的div id的display属性从none变为block，因为它们都是以none开始的。

第一个分部

<div class="carousel">
   <div class="item active" id="ZS125-48A">...</div>
   <div class="item" id="FFKG-34">...</div>
   <div class="item" id="DSSS-56">...</div>
   <div class="item" id="ZSFD-48A">...</div>
</div>

第二个分区

<section class="contentBikeTabbedMenus">
   <div id="ZS125-48ATab" class="active" style=" display: block;">...</div>
   <div id="FFKG-34Tab" class="" style=" display: block;">...</div>
   <div id="DSSS-56Tab" class="" style=" display: block;">...</div>
   <div id="ZSFD-48ATab" class="" style=" display: block;">...</div>
</section>

所以varible tabId1有第一个活动div的id，它找到第二个div，它有相同的名称，但后面附加了单词'Tab‘。然后，它更改其显示属性并添加活动类。

if($(tabId1).css('display') != 'block') {
    $(tabId1).css("display", "block").addClass('active');
}

我该如何工作，以便在此之后，如果在变量tabId1中没有id的<section class="contentBikeTabbedMenus">下的所有div，我可以将它们的css从显示块更改为无。

Answer 1

先将它们全部隐藏，然后只显示选定的div，怎么样？

$(".contentBikeTabbedMenus div").removeClass("active").hide();    
if($(tabId1).css('display') != 'block') {
    $(tabId1).css("display", "block").addClass('active');
}

Answer 2

if( ! $(tabId1).is(':visible') ) {
    $('.contentBikeTabbedMenus').hide()
    $(tabId1).show().addClass('active');
}