Question

我在单击分隔符按钮时尝试将FadeIn / Out添加到此代码中？

这是我的代码：

$(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特效的更多信息here。

Answer 2

我尝试了这个以及许多其他变体但没有成功：）

//显示侧边栏 function showSidebar（）{ objMain.addClass（＆＃39;使用-侧栏＆＃39）; $ .cookie（＆＃39; sidebar-pref2＆＃39;，＆＃39; use-sidebar＆＃39;，{expires：30}）; $（＆＃34;＃侧边栏＆＃34）。淡入（＆＃34;慢＆＃34）; }

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

单击分隔符按钮时如何将FadeIn / Out添加到我的代码中？

2 个答案: