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表现得更像盲人

回答

相关问题