jquery slideToggle表現得更像盲人

我試圖讓我的滑動div正常工作slideToggle。首先，這裏是工作的網址：* 鏈接刪除jquery slideToggle表現得更像盲人

我與它遇到的問題是，我得到更多的遮擋效果，而不是降低效果的幻燈片。我試過改變CSS和使用負邊緣等無濟於事。我試圖完成的工作基本上與產品菜單telerik-dot-com和網站內的所有產品菜單相同。一個在aspnet-ajax/controls/examples/default/與我試圖通過點擊功能做的更相關。我意識到這些可能是不同的，但我基本上尋找功能明智的是div做更多的幻燈片，而不是盲目下來。

感謝您的任何幫助。

此外，爲了補充一點，我想在面板滑入後淡入面板的實際內容，然後在向上滑動之前單擊選項卡關閉面板時淡出。我已經嘗試添加fadeIn函數到h2和p但是沒有運氣。如果任何人想要在這方面作出自由的感覺。謝謝！

來源

2010-02-21 Ce.

你的CSS應該看起來像下面那樣，top屬性可以在頁面加載時計算，或者你給定一個固定值。

#slidebox { 
    margin:0; 
    padding:0; 
    position:absolute; 
    right:40px; 
    top:-141px; /*this is the trick*/ 
    width:auto; 
    z-index:100; 
}

然後在你的js上你需要做的就是作爲subtenante說的玩'top'屬性。

var $a = $('a.btn-slide'), 
    $slider = $('#slidebox'); 

$a.click(function(){ 
    if($a.hasClass('active')){ 
    $slider.animate({'top':0},400,function(){ 
     $a.removeClass('active'); 
    }); 
    }else{ 
    $slider.animate({'top':'-141px'},400,function(){ 
     $a.addClass('active'); 
    }); 
    } 
})

希望這有助於思南。

來源

2010-02-21 10:00:21 Sinan

jquery slideToggle表現得更像盲人

回答

相關問題