Javascript 使div跟随另一个div'；s位置

$（'#记事本'）.hide（）；
$（“#新闻”）.hide（）；
$（'#todo'）.hide（）；
$（'#notepadIcon'）。单击（函数（）{
$（“#记事本”）.toggle（）；
});
$（“#新闻图标”）。单击（函数（）{
$（“#新闻”）.toggle（）；
});
$（'#todoListIcon'）。单击（函数（）{
$（'#todo'）。toggle（）；
});
$（“按钮”）。单击（函数（）{
$（'todoListIcon'）.hide（）；
});
#todoListIcon，
#新闻图标，
#记事本图标{
字体大小：24px；
光标：指针；
左边距：100px；
过渡：0.5s缓解；
显示：内联块；
不透明度：0.8；
颜色：#000；
}
#右下角图标{
底部：15px；
右：30px；
位置：固定；
显示：内联块；
}
#待办事项，
#新闻,，
#记事本{
宽度：290px；
高度：250px；
最大高度：350px；
背景色：#000；
位置：固定；
底部：45px；
右：28px；
边界半径：3px；
}
#新闻{
右：152px；
}
#记事本{
右：277px；
}

隐藏待办事项
现在的问题是，菜单有一个固定的
right
值，因此在切换菜单位置时保持不变。您需要重置切换菜单的位置

我已将类
图标
和
菜单
添加到相应的div中

<div id="bottomRightIcons">
  <div id="notepadIcon" class="icon"><i title="Note Taker" class="fa fa-pencil-square-o"></i></div>
  <div id="newsIcon" class="icon"><i title="News" class="fa fa-newspaper-o"></i></div>
  <div id="todoListIcon" class="icon"><i title="Todo List" class="fa fa-th-list"><span id="notificationTodo" class="todoListNotification"></span></i></div>
</div>

<div id="notepad" class="menu"></div>
<div id="news" class="menu"></div>
<div id="todo" class="menu"></div>

现在的问题是，菜单有一个固定的
right
值，因此在切换它们的位置时保持不变。您需要重置切换菜单的位置

我已将类
图标
和
菜单
添加到相应的div中

<div id="bottomRightIcons">
  <div id="notepadIcon" class="icon"><i title="Note Taker" class="fa fa-pencil-square-o"></i></div>
  <div id="newsIcon" class="icon"><i title="News" class="fa fa-newspaper-o"></i></div>
  <div id="todoListIcon" class="icon"><i title="Todo List" class="fa fa-th-list"><span id="notificationTodo" class="todoListNotification"></span></i></div>
</div>

<div id="notepad" class="menu"></div>
<div id="news" class="menu"></div>
<div id="todo" class="menu"></div>

现在的问题是，菜单有一个固定的
right
值，因此在切换它们的位置时保持不变。您需要重置切换菜单的位置

我已将类
图标
和
菜单
添加到相应的div中

<div id="bottomRightIcons">
  <div id="notepadIcon" class="icon"><i title="Note Taker" class="fa fa-pencil-square-o"></i></div>
  <div id="newsIcon" class="icon"><i title="News" class="fa fa-newspaper-o"></i></div>
  <div id="todoListIcon" class="icon"><i title="Todo List" class="fa fa-th-list"><span id="notificationTodo" class="todoListNotification"></span></i></div>
</div>

<div id="notepad" class="menu"></div>
<div id="news" class="menu"></div>
<div id="todo" class="menu"></div>

现在的问题是，菜单有一个固定的
right
值，因此在切换它们的位置时保持不变。您需要重置切换菜单的位置

我已将类
图标
和
菜单
添加到相应的div中

<div id="bottomRightIcons">
  <div id="notepadIcon" class="icon"><i title="Note Taker" class="fa fa-pencil-square-o"></i></div>
  <div id="newsIcon" class="icon"><i title="News" class="fa fa-newspaper-o"></i></div>
  <div id="todoListIcon" class="icon"><i title="Todo List" class="fa fa-th-list"><span id="notificationTodo" class="todoListNotification"></span></i></div>
</div>

<div id="notepad" class="menu"></div>
<div id="news" class="menu"></div>
<div id="todo" class="menu"></div>

最好使用堆栈溢出的
代码段
功能，而不是提供指向外部fiddle的链接。@niyasc道歉，补充道。对不起，我不明白你为什么不直接使用$（'button'）。单击（function（）{$（'todoListIcon'）.hide（）；$（'todo'）.hide（））；您已修复菜单的
right
值，因此当位置更改时
right
值保持不变，例如
#news{right:152px；}
。您需要根据新位置重置它。@anpsmn对，这就是问题所在，我不确定如何根据新位置更改
对
。。最好使用堆栈溢出的
代码段
功能，而不是提供指向外部小提琴的链接。@niyasc抱歉，添加。抱歉，我不明白您为什么不直接使用$（'button'）。单击（function（）{$（'todoListIcon'）.hide（）；$（'todo'）.hide（）；}）；您已修复菜单的
right
值，因此当位置更改时
right
值保持不变，例如
#news{right:152px；}
。您需要根据新位置重置它。@anpsmn对，这就是问题所在，我不确定如何根据新位置更改
对
。。最好使用堆栈溢出的
代码段
功能，而不是提供指向外部小提琴的链接。@niyasc抱歉，添加。抱歉，我不明白您为什么不直接使用$（'button'）。单击（function（）{$（'todoListIcon'）.hide（）；$（'todo'）.hide（）；}）；您已修复菜单的
right
值，因此当位置更改时
right
值保持不变，例如
#news{right:152px；}
。您需要根据新位置重置它。@anpsmn对，这就是问题所在，我不确定如何根据新位置更改
对
。。最好使用堆栈溢出的
代码段
功能，而不是提供指向外部小提琴的链接。@niyasc抱歉，添加。抱歉，我不明白您为什么不直接使用$（'button'）。单击（function（）{$（'todoListIcon'）.hide（）；$（'todo'）.hide（）；}）；您已修复菜单的
right
值，因此当位置更改时
right
值保持不变，例如
#news{right:152px；}
。您需要根据新的位置重置它。@anpsmn对，这就是问题所在，我不知道如何根据新的位置更改
对的
。。。