javascript - 当另一个 div 在第一个 div 中可见时显示一个 div

Question

我有一个类为 .productSelectInput 的 div，它只动态显示我的一些产品，所以我最初隐藏类为 .options 的 div使用 CSS，但是当 .productSelectInput 可见时，我希望再次显示 .options。我认为我下面的 JS 可以工作，但它似乎没有。我认为这可能是因为 .productSelectInput 在选项类中。感谢您的帮助。

这是我的 HTML:

<div class="options">
   <div class="option">
      <label for="o1">Choose:</label>
      <select id="Grouping_6350746" class="productSelectInput"
      name="AddToCart_Grouping" onchange="DrawProduct(311820,6350746,this.value,'',4);">
         <option value="6350744">Kiwi</option>
         <option value="6350745">Marigold</option>
         <option value="6350746" selected="selected">Strawberry</option>
      </select>
   </div>
</div>

这是我的 CSS: .options { 显示:无；

这是我的js:

jQuery(document).ready(function() { 
    if ($( ".productSelectInput" ).is(":visible") ) {
        $( ".options" ).show();
    }
 });

已解决:使用 js 隐藏选项。

jQuery(document).ready(function() { 
    if ($( ".productSelectInput" ).is(":visible") ) {
    $( ".options" ).show();
    } else {
    $( ".options" ).hide();
    }
 });    

Answer 1

尝试通过 JavaScript 而不是 CSS 隐藏 .options。 JavaScript 可能无法 show()它没有 hide() 本身的元素。