jQuery从左到右隐藏/显示div
问题描述:
所以我一直在寻找一个简单的jQuery解决方案来从左到右切换div标签的滑动动作。jQuery从左到右隐藏/显示div
这里是我的工作进行滑动向上/向下:
<script type="text/javascript">
var $x = jQuery.noConflict();
$x(document).ready(function() {
// hides the slickbox as soon as the DOM is ready
$x('#slickbox').hide();
$x.fn.fadeToggle = function(speed, easing, callback) {
return this.animate({opacity: 'toggle'}, speed, easing, callback);
};
$x("#slick-toggle").click(function() {
$x("#slickbox").fadeToggle({
speed:200,
easing : "swing"
})
$x(this).text($x(this).text() == 'Show Distributor Filters' ? 'Hide Distributor Filters' : 'Show Distributor Filters');
return false;
});
});
</script>
但是,当我试图使用调整它像下面看到的代码,它只是将不起作用:
<script type="text/javascript">
var $x = jQuery.noConflict();
$x("#clicky").click(function(){
if($x("#slide").is(':visible'))
{
$x("#slide").animate({ width: 'hide' });
}
else
{
$x("#slide").animate({ width: 'show' });
}
});
</script>
我希望有人能看到我的缺陷......谢谢!
答
作为候补您也可以
试试这个JQUERY slideup & down widget 非常简单&容易理解..
+0
我能够完成上行和下行动作,就像我的第一个代码示例所看到的那样...它只是我需要创建面板位于屏幕的左侧...折叠...然后向右滑动以允许用户在面板内进行选择... – Sal 2013-04-24 13:11:09
HM。奇怪的CSS行为 - 宽度:'显示'。你可以使用宽度= = div宽来为它设置动画效果,但是显示和隐藏并不是这个选项的 – bksi 2013-04-23 20:39:34