代码在JSFiddle

Question

http://jsfiddle.net/7m7uK/940/

这似乎在JSFiddle中运行良好，但是当我将它移动到实际的代码/浏览器时却没有...当我创建一个新的jsfiddle时它也不起作用。滑动内容仅显示覆盖前一个链接，因此无法再次关闭

任何人都知道了什么？

$('#loginPanel1').click(function () {

    if ($('#userNav').is(':hidden')) {

        $('#userNav').show('slide', {
            direction: 'right'
        }, 500);
    } else {

        $('#userNav').hide('slide', {
            direction: 'right'
        }, 500);
    }
});

$('#loginPanel2').click(function () {

    if ($('#userNav').is(':hidden')) {

        $('#userNav').show('slide', {
            direction: 'right'
        }, 500);
    } else {

        $('#userNav').hide('slide', {
            direction: 'right'
        }, 500);
    }
});

Answer 1

好的，请尝试以下方法。

1. 确保添加jquery.js
2. 确保添加了jquery-ui.js
3. 并将您的代码包装在$(function(){ });
中

那应该是我想的。