jquery从左到右切换幻灯片

前端之家收集整理的这篇文章主要介绍了jquery从左到右切换幻灯片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在页面左侧有一个“菜单”按钮,一旦选择我有一个包含菜单显示的div.然后我可以选择另一个可以隐藏菜单的按钮.

理想情况下,我希望将其滑出(从左到右)并返回,但是不能使这个工作顺利.我已经尝试使用动画和幻灯片,但没有一个工作,我有什么.任何提示

<div id="cat_icon">Menu</div>
<div id="categories">
    <div CLASS="panel_title">Menu</div>
    <div CLASS="panel_item">
        <template:UserControl id="ucCategories" src="UserControls/ProductCategories.ascx" />
    </div>
</div>
$('#cat_icon').click(function () {
    $('#categories').toggle();
    $('#cat_icon').hide();
});
$('.panel_title').click(function () {
    $('#categories').toggle();
    $('#cat_icon').show();
});

解决方法

见: Demo
$('#cat_icon,.panel_title').click(function () {
   $('#categories,#cat_icon').stop().slideToggle('slow');
});

更新:从左到右滑动:Demo2

注意:第二个也使用jquery-ui

原文链接:https://www.f2er.com/jquery/175963.html

猜你在找的jQuery相关文章