jQuery UI switchClass，打开/关闭同一div

这是我的第一个问题

我对jQuery switchClass有一个问题。 我有一个div（我称之为div a），当我单击它时，它会更改html文本并打开另一个div（我称之为div B）。当我重新单击diva时，我想关闭divb并重新更改diva上的html文本。 我设法做到了这一点，但当我再次单击时，分区A不再打开分区B。 这是我的代码：

$(document).ready(function(){
    $(".button_menu").click(function(){
        $('.menu_contatti').show();
        $('.button_menu').html("So già cosa ordinare....");
        $(this).switchClass("button_menu","button_menu_close");

    $(".button_menu_close").click(function(){
        $('.menu_contatti').hide();
        $('.button_menu_close').html("Non conosci il menù? Clicca qui");
        $(this).switchClass("button_menu_close","button_menu");
        });
    });
});


<div class="input1 button_menu">html text</div>

<div class="menu_contatti" style="display:none;">....</div>

$（文档）.ready（函数（）{
$（“.button_菜单”）。单击（函数（）{
$（'.menu_contatti'）.show（）；
$（'.button_menu'）.html（“So giácosa ordinare…”）；
$（这个）.switchClass（“按钮菜单”，“按钮菜单关闭”）；
$（“.button\u menu\u close”）。单击（函数（）{
$（'.menu_contatti'）.hide（）；
$（'.button_menu_close'）.html（“Non-conosci il menù？Clicca qui”）；
$（此）.switchClass（“按钮菜单关闭”，“按钮菜单”）；
});
});
});
HTML文本
....

您想使用

.toggle（）

。请参阅下面的演示

$（文档）.ready（函数（）{
$（'.divA'）。在（'click'，function（）上{
$（'.divB'）.toggle（）；
如果（$（'.divB'）。是（':visible'））{
$（'.divA'）.html（'Close'）；
}
否则{
$（'.divA'）.html（'Open'）；
}
});
});

打开
这个文本显示和隐藏
switchClass（）
不是jQuery核心的一部分，而是jqueryui，我添加了标签