0

我试图使侧边栏永久隐藏，直到带有淡入事件的 .click 事件处理程序，直到该事件被触发，并且该栏的文本应该向下滑动（速度为 500）。不幸的是，我尝试了很多这些功能/事件处理程序？但无法弄清楚如何使这项工作如愿以偿。id #about 是侧边栏，id #about_me 是应该触发事件的列表项，id#about_profile 是侧边栏的内容。现在回到主要内容，这里是代码：

//second js code .css('visibility','hidden')
$('#about').css('visibility','hidden')
$("#about_me").click(function(){
    $("#about").fadeIn(500);
    $('#about_profile').slideDown(200)({

        });
    });

我的第二个问题是，为什么这个事件没有发生？以下代码：

    $('#about').css('visibility','hidden',function(){
    $("#about_me").click(function(){
        $("#about").fadeIn(500);
        $('#about_profile').slideDown(200)({
    });
});

谢谢你的帮助亲切的问候

ps：我什至搜索了stackoverflows AQL（提问库）

4

4 回答 4

3

jQuery.css方法不接受回调，并且它是同步的，这意味着它实际上不需要回调参数。您的第一个片段是执行此操作的正确方法。

$('#about').css('visibility','hidden');
$("#about_me").click(function(){
    $("#about").fadeIn(500);
    $('#about_profile').slideDown(200);
});
于 2012-09-24T20:52:01.543 回答
1 
$('#about').css('visibility','hidden');

$("#about_me").click(function(){
     $("#about").fadeIn(500);
     $('#about_profile').slideDown(200);
});

那应该这样做。

于 2012-09-24T20:52:15.180 回答
0

尝试$('#about').hide();代替$('#about').css('visibility','hidden');

于 2012-09-24T20:51:25.267 回答
0

我相信淡入淡出将显示属性设置为阻止并且不会更改可见性属性...您最好使用 css('display', 'none') 或更好的 .hide() 正如有人已经建议的那样。文档在这里：http ://api.jquery.com/fadeIn/并且在评论中提到了“显示：无”问题。

于 2012-09-24T20:58:55.270 回答