我有2个div并排，默认情况下一个是隐藏的，一个是可见的。
我有一个jQuery函数，当将鼠标移到可见的div时，将显示隐藏的一个。当再次进入mouseent时，它将再次隐藏。（这是一个登录框）
但是-我希望始终可见的div（mouseenter目标）根据切换后的div所处的状态来改变颜色。到目前为止，我可以在第一个mouseenter上改变它的颜色，但是此后它不会再改变。
这是我到目前为止的代码：
<script>
$(document).ready(function () {
$("#loginBox").hide();
$("#sideBar").show();
$('#sideBar').mouseenter(function () {
$("#loginBox").toggle("slide");
if ($('#loginBox').is(":visible")) {
$("#sideBar").css("background-color","blue");
} else if ($('#loginBox').is(":hidden")) {
$("#sideBar").css("background-color","yellow");
}
});
});
</script>
因此，它以其默认颜色（样式表为灰色）开始，并且当鼠标进入时，loginBox变为可见，并且sideBar变为蓝色。但是当再次输入鼠标时，即使loginBox隐藏了，sideBar仍保持蓝色。
您可以将支票置于切换的完整功能中
$("#aside").toggle("slide", function() {
var onOrOff = $('#asidebar').css("background-color");
if ($('#aside').is(":visible")) {
$("#asidebar").css("background-color","blue");
}
else {
$("#asidebar").css("background-color","yellow");
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句