Javascript 多个滑出菜单问题

我正在创建一个包含多个滑出菜单的页面。最终，将有一个在左右和底部。目前，我有几个问题

• 选择菜单时，

  content

  div不会向右移动。菜单图标会移动，但div不会移动
• 我想让它们同时可见，但我的js并没有将适当的打开/关闭类附加到

  主体

  ，而是在更改类

/*
滑梯门
*/
（功能（）{
var$body=document.body，
$left_menu_trigger=$body.getElementsByClassName（'left-menu-trigger'）[0]；
如果（类型为$left\u菜单\u触发器！=='undefined'）{
$left_menu_触发器。addEventListener（'单击'，函数（））{
$body.className=（$body.className=='left menu active'）？''：'left menu active'；
});
}
}).打电话（这个）；
（功能（）{
var$body=document.body，
$right\u menu\u trigger=$body.getElementsByClassName（'right-menu-trigger'）[0]；
如果（类型为$right\u菜单\u触发器！=='undefined'）{
$right_menu_trigger.addEventListener（'click'，function（））{
$body.className=（$body.className=='right menu active'）？''：'right menu active'；
});
}
}).打电话（这个）；
//创建谷歌地图…
var map=new google.maps.map（d3.select（“#map”）.node（）{
缩放：8，
中心：新google.maps.LatLng（43.0756，-70.7606），
mapTypeId:google.maps.mapTypeId.TERRAIN，
disableDefaultUI:true
});
@导入url(http://fonts.googleapis.com/css?family=Oxygen:400,700);
/*
字体
*/
@字体{
字体系列：“ico”；
src:url("数据：应用程序/八位字节流；base64，D09GRGABAAA3MABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACZJR3DERAGAGAGAGT1MVMGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAAKB9WDO2HTDHGAAV4AAAAAAAAJAAAACQAQBDBG9JYQAADBWAAAUAAAAAAAAFAS6NNTYXWAAAMMAAACAAAAAAAAQAA4LWWW5HBWWAAAQAAWAAAWAWAWAWAAAWAAAQBWKGA/3icY2BgYGQAgpOd+YYg+HXLBRIMBGA7FWVAAAB4NGZNGZGBG4ANICYGZGBM4ACSLGAYG2GBM2K2KYKKKYKKKKYKKYKYKYKYKYKYKYKYKYKYKYKYKJJJJJJJJJJJJJJJJJJJJJJJJJJKKKKKKKKKKKKKKKKKKKKKYKKKKKKKKKKKKKKKK2.中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国7月的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的中国的一个中国的中国的一个中国的中国的一个中国的中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的中国的一个中国的中国的一个中国的一个中国的一个中国的一个中国的中国的中国的中国的中国的研究WZXAFJUKGJAMQP9一个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的8个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10个中国的10 HDL0RDR32.这些数字是一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，一个数字，数字，一个数字，一个数字，一个数字，一个数字，数字，数字，3S6A7JKQMUGBFUWKWABL7UAC4.ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZJXL3WR0MVZ+w2jVYvs93E+dp2.中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的一个中国的QQF/QQQQQQQQQQQQQQQQQQQQQQQBWWWWWWWWWWWWWBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB/pyh2qd6zqkbqkmdghzaogrk3y+z6月6日，中国政府发布了一份新的研究报告。该文中的一部分内容是：7月7日，中国政府发布了一份新的研究报告。7月7日，该文的一部分内容是一个中国政府发布的一份文件，7月7日，7月7日，7月6日，6月6日，6月6日，6月6日，6月6月6日，6月6月6月6日，6月6月6日，6月6月6日，6日，6月6月6月6月6月6日，6月6月6月6日，6月6日，6月6月6月6月6月6日，6日，6月6月6月6月6日，6日，6月6月6月6月6日，6月6日，6日，6月6月6日，6月6月6月6月6月6月6月6月6月6月6月6日，6日，6日，6 4FPLTLENL1RLMQD9PU0AWX0E/qNCF2）vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvH5LNRT9AX3+Enyu52.这个词的意思是：这个词的意思意思是：这个词的意思是：这个词的意思是：这个词的意思是：这个词的意思是一个单词+一个单词，这个词的意思是一个2 2 2 2（2）这个词的意思是一个2（2）这个词的意思是一个（2）这个词的意思是一个（2）这个词的意思是一个（2）这个词的意思是一个（2）这个词的意思是一个单词的意思是一个（2）这个词的意思是一个单词的意思是一个单词的意思是一个单词，这个单词的意思是一个单词的意思是一个单词，这个单词的意思是一个单词的意思是一个单词的意思是一个单词，这个单词的意思是一个单词的意思是一个单词的意思是一个单词的意思是一个单词，这个单词，这个单词的意思是一个单词的意思是一个单词的意思是一个单词。这个单词的意思是，D/W/cR/+HzDt48Oiea+z2.这个词的意思是一个2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 QS6SWOTayBwnhawzTNHPGGYFTM2.目前，中国的一些研究表明，中国的一些研究表明，中国的一些研究表明，中国的一些研究表明，他们有可能成为一个或者或者或者有可能成为一个或者或者或者有可能成为一个有可能成为一个或者或者有可能成为一个有可能成为一个或者有可能成为一个有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者有可能成为一个或者或者有可能成为一个或者有可能成为一个或者或者有可能成为一个或者或者有可能成为一个或者或者有可能成为一个或者或者有可能成为一个或者或者有可能的政府的政府的非非非非非非非非非非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府的非政府aaaaaaiabsggWAF4CPAMRAAAAAAAAJAG0ABGAAAAAAAAAAAGAC0ABGAAIJKQAAAB4NFWOSW7CMBCGV5CQGLP1ZELCQ9DECRIQGDRYAB3YUBCIRDLXBXW6D+gx9AMY+XH8TD61Pd/f5/N+dgSe+SAGNIWUWECID8GPK46RM90+IK955DTYRVQPMNqRTRSATNRJRXXIJN0RXNRLG
$body.className = ( $body.className == 'left-menu-active' )? '' : 'left-menu-active';

$body.classList.toggle('left-menu-active');

$body.className = ( $body.className == 'right-menu-active' )? '' : 'right-menu-active';

$body.classList.toggle('right-menu-active');