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滑入和滑出

回答

相關問題