jQuery点击slideUp和SlideDown的问题

时间:2016-05-23 07:26:32

标签: javascript jquery html css

在我的一个drupal页面中,我有3个下拉菜单。当我点击每个主题时,它必须打开一个dropDown菜单,但不会工作。你可以看到该页面的js和css。

这是我的网页:http://pajoohyar.ir/start_standalone

host:
(function ($) {
    $(document).ready(function () {
        $('#cssmenu > ul > li > a').click(function () {
            $('#cssmenu li').removeClass('active');
            $(this).closest('li').addClass('active');
            var checkElement = $(this).next();
            if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                $(this).closest('li').removeClass('active');
                checkElement.slideUp('normal');
            }
            if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                $('#cssmenu ul ul:visible').slideUp('normal');
                checkElement.slideDown('normal');
            }
            if ($(this).closest('li').find('ul').children().length == 0) {
                return true;
            } else {
                return false;
            }
        });
    });
})(jQuery);

1 个答案:

答案 0 :(得分:1)

问题在于您的HTML结构。您有时会有两个链接用于打开下拉菜单而不只是一个,这会导致next()选择器出现问题

第二个问题是HTML代码中ul元素的内联样式,尤其是height: 1px;部分。

lombok.config