javascript - 如何查看内部 UL 是否展开或折叠

Question

<li class="setRelative">
    <a class="tfLink clickMe current" data-toggle=".tfLink1" id="current" href="javascript:void(0);"><img src="theImages/imgPlus.png" id="imgFirstM" class="imgExpCol">Header 1</a>
    <ul class="uSPStyle uSPInner" style="width: 80%;">
        <li><a class="tfLink clickMe" title="Sub-Page" data-toggle=".tf1SLink1" href="javascript:void(0);">Sub-Page</a></li>
        <li><a class="tfLink clickMe" title="test" data-toggle=".tf2SLink1" href="javascript:void(0);">test</a></li>
    </ul>
</li>

默认情况下，uSPInner 类 Unordered List 不显示，并在单击 clickMe 链接时展开:

$('.clickMe').click(function () {
    var $this = $(this);

    $this.closest("li").find("ul").slideToggle();

    $('.clickMe').removeClass('current');

    $this.addClass('current');
});

如果内部 UL 展开或折叠，我如何添加到上面的脚本中以查看。

试过这个但没用:

var item = $this.closest("li").find("ul").is(":hidden");
alert(item);
if (item) {
    console.log("no item");
}
else {
    console.log("item");
}

Answer 1

尝试使用 $(this).parent().find("ul").eq(0).is(':visible'); 获取 anchor 链接的父级'正在单击，然后找到第一个子 ul 并检查它是否显示在屏幕上。这应该会给你正确的反馈。

JsFiddle