如何在单击分隔符按钮时将淡入/淡出添加到我的代码中

Question

当我单击分隔符按钮时，我正在尝试将淡入/淡出添加到此代码中？

这是我的代码：

$(document).ready(function(){
        // Variables
        var objMain = $('#main');
        // Show sidebar
            function showSidebar(){
            objMain.addClass('use-sidebar');
                    $.cookie('sidebar-pref2', 'use-sidebar', { expires: 30 });
                }
        // Hide sidebar
            function hideSidebar(){
            objMain.removeClass('use-sidebar');
                    $.cookie('sidebar-pref2', null, { expires: 30 });
                    }
         // Sidebar separator
        var objSeparator = $('#separator');
       objSeparator.click(function(e) {
                       e.preventDefault();
                    if (objMain.hasClass('use-sidebar')) {
                    hideSidebar();  
                    }
                    else {
                        showSidebar();
                    }
        }).css('height', objSeparator.parent().outerHeight() + 'px');
        // Load preference
        if ( $.cookie('sidebar-pref2') == null ){
            objMain.removeClass('use-sidebar');
        }
    });

有人有建议吗？

Answer 1

你可以使用 jQuery 效果，例如，

$("#yourdiv").fadeIn("slow");

以显示div 或：

$("#yourdiv").fadeOut("slow");

以隐藏它。

更多关于jQuery效果的信息，请点击此处。

Answer 2

我已经尝试了这个和许多其他变体，但没有成功:)

显示侧边栏 函数显示侧边栏（）{ objMain.addClass（'use-sidebar'）; $.cookie（'sidebar-pref2'， 'use-sidebar'， { expires： 30 }）; $（"#sidebar"）.fadeIn（"slow"）; }

// Hide sidebar
    function hideSidebar(){
    objMain.removeClass('use-sidebar');
            $.cookie('sidebar-pref2', null, { expires: 30 });
            $("#sidebar").fadeOut("slow");
            }