Javascript 如何设置仅在面板折叠时可见的按钮

是否有一种方法可以设置仅在面板折叠时可见的按钮？我尝试了下面的代码，但没有成功。我还尝试使用getElementById（“#closeButton”）.style.visibility，但它仍然不起作用

函数checkCollapsed（）{
if（$（“#panel”）.hasClass（'ui-collapsable-collapsed'））{
$（“#关闭按钮”）.hide（）；
}否则{
$（“#关闭按钮”）.show（）；
}
}

&时代；
喋喋不休

我想问题出在单击时，是在更改类之前。 一个想法是稍微暂停一下：

function checkCollapsed(){
  setTimeout(function(){
if($("#panel").hasClass('ui-collapsible-collapsed')){
     $("#closeButton").hide();
 }else{
   $("#closeButton").show();
 }
}, 110);

}

想法是花点时间折叠面板以更改状态和类。

---

Expect it help

。在

中，类将被添加到

#面板

元素中<代码>ui可折叠已折叠始终保持在那里

函数checkCollapsed（）{
if（$（“#panel”）.hasClass（'in'））{
$（“#关闭按钮”）.hide（）；
}否则{
$（“#关闭按钮”）.show（）；
}
}

&时代；
喋喋不休

如果（$（“#面板”）.hasClass（'ui-collapsable-collapsed'））

对我来说似乎无效。。没有为

#面板添加类。