我正在制作一个简单的WordPress主题，我想加入一个jQuery Sidr，并且正确完成了该操作，但是将滑动侧边栏拉入的菜单图标在侧边栏后消失了，从而使用户无法再次折叠侧边栏。
主题远未完成（我正在使用脱机WP设置进行处理），但出于以下问题，我暂时将其放在此处：http://sweven.vhbelvadi.com
有问题的菜单图标在右上角。我给了它top和right属性，向右浮动了它，并给了它固定的位置以使其停留在那里。
就像我说的那样，设计还远远没有完成，所以不要理会它，但是一旦单击该图标滑出侧边栏区域，菜单图标就会消失。
我尝试给它提供一个z-index，该索引可以正常工作，将菜单按钮放在顶部并使其可以访问，但是您无法在上面的链接中看到它，因为我将其删除了；不喜欢它的外观。
基本上，我想知道是否有任何方法可以更改属性（焦点，活动似乎不起作用）或执行其他任何操作，因此一旦侧栏打开，菜单图标就会滑到旁边。
我的解决方案是什么？
谢谢。
更新：
现在，我在上面的链接中使用以下代码：
$(document).ready(function(){
$('span.genericon').on('click', function(){
$('#simple-menu').sidr({side: "right"});
$('span.genericon').css({
right: "6.5em"
}, 500);
});
});
它可以工作，但是如何将菜单图标恢复到原来的位置？
最佳答案
折叠按钮在那里，但是当侧边栏打开时，该按钮位于它的后面，因此您需要根据侧边栏是可见还是隐藏来更改CSS，因此请使用下面的一种切换。
$('button').toggle(
function() {
$('#B').css('left', '0')
}, function() {
$('#B').css('left', '200px')
})
Demo
Demo 2（通过Patrick）