jquery - 刷新页面时导航闪烁？

Question

请看这个 fiddle :http://jsfiddle.net/3Sazd/

刷新页面时，隐藏的ul在隐藏之前会闪烁。我怎样才能阻止这种情况发生？

$(document).ready(function () {
    $('li ul').slideUp();

    $('.no-js li a').on("click", function () {
        $('ul ul').slideUp(400);
        if($(this).siblings('ul').is(":visible"))
            $(this).siblings('ul').slideUp(400);
        else
            $(this).siblings('ul').slideDown(400);
    });
});

Answer 1

您可以使用 display: none 最初隐藏元素。

http://jsfiddle.net/3Sazd/1/

编辑:正如其他人所建议的，您也可以最初使用 JavaScript 隐藏元素。如果您需要在禁用 JavaScript 的情况下使元素可见，这可能是一个更好的主意。但是，根据页面加载所需的时间，它们可能仍会闪烁一点。