如何改变滑动方向？
|
我在侧边栏（左和右）工作，可以使用jQuery滑出/滑入。
双方都可以，但是右侧边栏会向左滑动，而不是向右滑动。
我使用以下jQuery代码：
jQuery(function ($) {
var left_open = true;
var right_open = true;
$(\'a#ToogleSidebarLeft\').click(function () {
if (left_open === true) {
$(\'#boxwrapper-left\').animate({ width: \'hide\' });
$(\'#leftcolumn\').animate({ width: \'hide\' });
$(\"#maincontent\").animate({ marginLeft: \"0px\" });
left_open = false;
} else {
$(\'#boxwrapper-left\').animate({ width: \'show\' });
$(\'#leftcolumn\').animate({ width: \'show\' });
$(\"#maincontent\").animate({ marginLeft: \"220px\" });
left_open = true;
}
});
$(\'a#ToogleSidebarRight\').click(function () {
if (right_open === true) {
$(\'#boxwrapper-right\').animate({ width: \'hide\' });
$(\'#rightcolumn\').animate({ width: \'hide\' });
// $(\'#boxwrapper-right\').hide(\'slide\', {width: \'hide\', direction: \'right\' });
// $(\'#rightcolumn\').hide(\'slide\', { width: \'hide\', direction: \'right\' });
$(\"#maincontent\").animate({ marginRight: \"0px\" });
right_open = false;
} else {
$(\'#boxwrapper-right\').animate({ width: \'show\' });
$(\'#rightcolumn\').animate({ width: \'show\' });
$(\"#maincontent\").animate({ marginRight: \"200px\" });
right_open = true;
}
});
});
$(\'#boxwrapper-left\').animate({ width: \'hide\', direction: \'right\' });
没有找到相关结果
已邀请:
2 个回复
念炯
$(\"#maincontent\").animate({ marginRight: \"-200px\" });$(\"#maincontent\").animate({ marginLeft: \"200px\" });席酱
$(document).ready(function() { $(\'#slidemarginleft button\').click(function() { var $marginLefty = $(this).next(); $marginLefty.animate({ marginLeft: parseInt($marginLefty.css(\'marginLeft\'),10) == 0 ? $marginLefty.outerWidth() : 0 }); }); });