我试图在网站上显示或隐藏一个名为“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/ - 缺货产品需要在缺货时隐藏“提交最佳报价”按钮。
最佳答案
$('#contact-form').toggle($('p.stock').hasClass('in-stock'));
或
if ($('p.stock').hasClass('in-stock')) {
$('#contact-form').show();
} else {
$('#contact-form').hide();
}
关于javascript - 根据 CSS 类显示或隐藏 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30734626/