javascript - 如何检查是否为 "true or false = expanded area?"

Question

我在 Bootstrap 中有以下列表

<i class="fa fa-plus rgh-i" data-toggle="collapse" data-target="#field-1"></i>
<i class="fa fa-plus rgh-i" data-toggle="collapse" data-target="#field-2"></i>
<i class="fa fa-plus rgh-i" data-toggle="collapse" data-target="#field-3"></i>

我使用 bootstrap 来切换一个 div。

每个元素html i有一个 aria-expanded="true"当我想显示我的 div 和 aria-expanded="false" 时当我想隐藏我的 div 时。

我想检查是否已经有 aria-expanded="true" 的元素..以及是否有下一个隐藏以前打开的。

$( "i" ).on( "click", function() {
        if(There are elements of that property aria-expanded="true")
       {
        hide previous item before you open the current one
       }else{
        //something
       }
});

我试着做一个 jsdfiddle 的例子，但不幸的是我们做了......我希望你已经明白我想做什么。

基本上...我在隐藏上一个元素以显示下一个元素之前简要说明并且不允许打开多个元素。

提前致谢!

Answer 1

if(this.attr('aria-expanded') === "true"){
     // hide previous item before you open the current one
}