所以我一直在寻找一个简单的 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>
我希望有人能看到我的缺陷......谢谢!