Html 单击特定按钮时如何显示和隐藏div？

我有以下HTML代码：

<button>good</button><br>   
<button>bad</button><br> 
<div class="new" style = "display: none;">booknow</div>
<div class="old">
    <a href="www.success.html">welcome.</a>
</div>

好

坏的

booknow

以及以下JavaScript代码：

<script>
    $(document).ready(function() {
        $("button").click(function() {   /*button click event*/   
            $(".new").toggle();          /*new class calling */
        });       
    });
</script>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{/*按钮单击事件*/
$（“.new”）.toggle（）；/*新类调用*/
});       
});

每当单击按钮时，如何使用class

new

切换div的可见性？

请尝试下面的方法

$（文档）.ready（函数（）{
$（“button.good”）。单击（function（）{
$（“.new”）.toggle（）；
});
$（“button.bad”）。单击（function（）{
$（“.old”）.toggle（）；
});
});

好的

坏的

booknow
@abdul它能帮助你。试试看。@abdul是的，我添加了好的和坏的按钮click（）。请检查。@abdul如果有任何疑问，请告诉我。我会为你选择最佳答案…请等待3分钟。我无法选择。请你写下你想要的逻辑，谢谢