jQuery滑入和滑出

即时通讯尝试让一个div滑落到点击上，这很好用，但是当再次点击按钮时，我想隐藏起来，也许用slideUp（）...但是我不太满意知道怎么做...任何帮助，将不胜感激......jQuery滑入和滑出

var iJob = this; 

this.init = function() { 
    //Hook up My Page 
    $("#open-mypage").one("click", iJob.onMyPageDisplayJquery); 

    //Hook click event on all "mere om.." 
    /*$('.more-jobs').one("click", iJob.onJobCategoryMoreInfoJquery); 
    $('#more-wrapper .close').bind("click", iJob.onJobCategoryMoreHideJquery);*/ 

}; 

//Vis Min Side 
this.onMyPageDisplayJquery = function (event) { 
    event.preventDefault(); 
    //iJob.jobCategoryMoreHideJquery(); 

    $("#mypage-result").addClass("hidden"); 
    $("#mypage-li").removeClass("mypage-li").addClass("mypage-li-hover"); 

    $('#mypage-info').slideDown('fast', function() { 
     // Load content with ajax 
     return false; 
    }); 
};

正如你所看到的，了slideDown工作正常，并显示DIV - 但是点击一次按钮应该被隐藏..我已经试过这，的slideToggle（），没有任何的运气

//Vis Min Side 
this.onMyPageDisplayJquery = function (event) { 
    event.preventDefault(); 
    //iJob.jobCategoryMoreHideJquery(); 

    $("#mypage-result").addClass("hidden"); 
    $("#mypage-li").removeClass("mypage-li").addClass("mypage-li-hover"); 

    $('#mypage-info').slideToggle('fast', function() { 
     ////Animation complete 

    });  
};

来源

2011-08-04 nuffsaid

分享一些HTML代码，以便我们可以测试它，我们不能只是在不知道标记的情况下提出解决方案。 – Shef

http://jsfiddle.net/MmwVa/ – nuffsaid

你看着的JQueryUI Accordion？

我认为这可能会做你想要的东西？

来源

2011-08-04 09:27:03

不完全 - 我只有一个按钮，可以打开和关闭一个div，而不是标签 – nuffsaid

你可以把你现在拥有的jsFiddle？ –

当然，你可以在这里看到它：http://jsfiddle.net/MmwVa/ – nuffsaid

slideToggle应该工作。再次点击时

$("#mypage-result").addClass("hidden"); 
$("#mypage-li").removeClass("mypage-li").addClass("mypage-li-hover");

应翻转......

$("#mypage-result").removeClass("hidden"); 
$("#mypage-li").removeClass("mypage-li-hover").addClass("mypage-li");

...：我建议有可能是因为你没有倒车你采取的其他行动...如。

来源

2011-08-04 09:39:19

这并不奏效 - 特里德也删除了这两行，但没有运气 – nuffsaid

问题是您正在使用one函数来绑定点击处理程序，它只会触发一次。将其更改为使用bind。

来源

2011-08-04 12:20:32

jQuery滑入和滑出

回答

相关问题