我在页面左侧有一个“菜单”按钮,一旦选择我有一个包含菜单项显示的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