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

当我单击“分隔符”按钮时，我正在尝试将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');

        }
    });

---

有人有什么建议吗？

您可以使用jQuery效果，例如

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

要显示div或：

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

把它藏起来

---

更多关于jQuery效果的信息。

我尝试过这个和许多其他变体，但都没有成功：

//显示边栏 函数显示工具条{ addClass'use-sidebar'； $.cookie'sidebar-pref2'，'use sidebar'，{expires:30}； $sidebar.fadeInslow； }

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

---

您可以制作一个jsbin或JSFIDLE来演示您的问题吗？它使故障排除变得更容易…我从来没有做过JSFIDLE，从哪里开始？谢谢，很简单！只需在html、js和css中进行粘贴即可。如果要从左侧边栏使用jQuery，还需要选择它。一旦它开始工作，或者至少显示您遇到的错误，请将保存的小提琴的链接粘贴到您的问题中。如果你遇到问题，请告诉我！添加了jsfiddle