jQuery，检测元素是否已经切换

Question

我需要使用 jQuery 来了解页面上的元素是否已经切换。

我有一个包含 XXX 元素的菜单。

当我点击一个元素时，我使用:$("#elementXX").slideToggle("slow");(XX是一个数字)

如果我点击另一个元素，我需要知道一个元素是否已经切换，并且我需要在滑动切换我的新元素之前关闭该元素。

我该怎么做？我无法通过 id 检查 id，例如 #element1、#element2、#element3 等...

谢谢!

Answer 1

您不需要切换，slideUp 和 slideDown 更适合您的场景。您可以简单地执行以下操作:

$("#clickedItem").click(function () {
    var wasVisible = $("#elementXX").is(":visible");
    $("[id^=element]:visible").stop().slideUp("slow");
    if (!wasVisible) {
        $("#elementXX").slideDown("slow");
    }
});