css - Jquery toggle() - 检测显示/隐藏状态并添加箭头

Question

我正在使用 .toggle() 来显示/隐藏一个 div。

我想识别状态(显示与隐藏)并添加一个箭头 - 向上显示 - 向下隐藏，我有一个向上的图像，如何使用 css 转换在图像之间切换？

另外，如何检测状态并添加箭头？

 <div id="abc">text<span class="arrows"></span></div>

CSS:

span.arrows{
    background:url(arrows_png); 
    padding:15px;
    background-repeat:no-repeat;
    display:inline;
}

Answer 1

您可以通过使用 :visible 选择它来完成此操作选择器并检查 length

if($('#abc:visible').length>0) {
   //element is visible
}