javascript - 根据 CSS 类显示或隐藏 Div

Question

我试图在网站上显示或隐藏一个名为“contact-form”的 div，它基于另一个 div 和一个 css 类，它与产品是否有货有关。

如果类是“有货”需要显示div，如果类是“缺货”则隐藏

有什么想法吗？努力弄明白!

<div id="contact-form"></div>

<p class="stock in-stock"></p> <!-- if product is in stock this shows-->

<p class="stock out-of-stock"></p> <!-- if out of stock this show-->

<script>

    if ('p.in-stock') {
        ('#contact-form').show();   
    }
    else {
        ('#contact-form').hide();
    }

</script>

网站在这里 - http://trent-art.co.uk/shop/barnes-david-still-life-of-flowers/ - 缺货产品需要在缺货时隐藏“提交最佳报价”按钮。

Answer 1

$('#contact-form').toggle($('p.stock').hasClass('in-stock'));

或

if ($('p.stock').hasClass('in-stock')) {
    $('#contact-form').show();
} else {
    $('#contact-form').hide();
}