Jquery 滑动侧栏、消失按钮、条件语句

首先，这是我正在研究的主题，如果有帮助的话。（）

我想让边栏可以折叠。好吧，就我用这个jQuery得到的结果来看，它确实很好。是箭头按钮难住了我

这是我的密码；它只会影响左边的边栏，我想我可以复制它，并为右边的边栏更改一些类和ID

$(document).ready(function(){
    $('#leftside').mouseenter(function(){
        $('#leftbutton.contained').fadeIn() 
    });
    if($('#leftside').is(':visible')) {
        $('#leftside').mouseleave(function(){
            $('#leftbutton.contained').delay(800).fadeOut() 
        });
    }
    $('#leftbutton').click(function(){
        $('#leftside').toggle("slide");
        $('#leftbutton').toggleClass("contained");
    }); 
});

我希望按钮在适当的边栏悬停时出现，在您离开时消失。谢天谢地，这很好用！但是，一旦边栏在折叠时消失，按钮也会消失

顺便说一句，类“contained”只是显示为none。我的理论是，如果我将该类附加到按钮上并进行切换，那么边栏消失后按钮将保持可见。不幸的是，事实并非如此

我做错了什么

（还有，在地平线上：侧边栏滑入后，我希望箭头在可见时滑出主区域，并挂在“.house”的边缘上。）div，以防观众想要回到侧边栏。我只有一个最模糊的想法如何实现这一点，那就是设置左右属性变化的动画。一旦侧边栏被切换回来，当鼠标离开和进入时，它会分别回到隐藏和显示状态。如果你对这一不可避免的问题有任何提示或答案的话问题，我也很感激！）

编辑：建议给我的代码仍然不起作用！我试着做另一个有条件的，但仍然不起作用。这太荒谬了

$(document).ready(function(){
    if ($('#leftside').is(:visible)) {
    $('#leftside').mouseenter(function(){
        $('#leftbutton.contained').fadeIn() 
    });
    $('#leftside').mouseleave(function(){
        $('#leftbutton.contained').delay(800).fadeOut() 
    });
    } else { $('#leftbutton').css("display:block") }

---

我知道这对于一个经验丰富的程序员来说可能是显而易见的，但我有点困惑和沮丧。

JQuery没有像在嵌入式系统中那样做一些逻辑。如果（$（“#leftside”）.is（“：visible”）{在加载文档时只执行一次。然后，不考虑之后发生的任何事情

我想我理解了你的意图。我想你可以将边栏缩小到1-2像素，而不是让边栏完全消失，这样当用户将鼠标移动到屏幕边缘时，你就可以触发onhover事件来显示你想要的箭头

var=true

$('#leftside').hover(function(){ 
    //MouseEnter
    $('#leftbutton.contained').fadeIn()
}, function(){
    //Mouse leaves
    $('#leftbutton.contained').delay(800).fadeOut() 
}

$('#leftbutton').click(function(){
    if (expanded){
        $('#leftside').css("width", 2)
        // Reposition #leftButton where you want when the left menu is NOT visible
    } else{
        $('#leftside').css("width", DEFAULT_VALUE)
        // Reposition #leftButton when the left menu IS visible
    }
    $('#leftbutton').toggleClass("contained");
    expanded = !expanded
}); 

---

我相信-1评级（不是我的）是因为很难想象你到底想做什么。也许一张小图纸就能清楚地表达出来？对不起！我尝试了这个代码，但它仍然无法工作。我检查了元素，发现箭头似乎真的想坚持“显示：无”侧边栏消失后，本应使其不可见的类将成功关闭。给出了什么？