如何使用javascript隐藏类

Question

我在我的客户项目中使用Enfold主题。我向下滚动时想display:none一个班级。

这是我的代码：

if(!header.length) return;

        var logo            = $('#header_main .container .logo img, #header_main .container .logo a'),
            elements        = $('#header_main .container, #header_main .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
            el_height       = $(elements).filter(':first').height(),
            isMobile        = $.avia_utilities.isMobile,
            scroll_top      = $('#scroll-top-link'),
            transparent     = header.is('.av_header_transparency'),
            shrinking       = header.is('.av_header_shrinking'),
            set_height      = function()
            {   
                var st = win.scrollTop(), newH = 0;

                if(shrinking && !isMobile)
                {
                    if(st < el_height/0)
                    {
                        newH = el_height - st;
                        header.removeClass('header-scrolled');

                    }
                    else
                    {
                        newH = el_height/0;
                        header.addClass('header-scrolled');

                    }

                    elements.css({'height': newH + 'px', 'lineHeight': newH + 'px' });
                    logo.css({'maxHeight': newH + 'px'});
                }

现在，当我向下滚动此代码返回带有height:0px的类时，我想更改它并返回display:none

谢谢，

Answer 1

下面是使用jquery显示/隐藏类的代码：

 $(document).ready(function() {
 $('#myselector').change(function() {
    $('.classname').hide();
    $('.' + $(this).val()).show();    
 });
 });