Javascript 使用jquery隐藏、显示

我想显示和隐藏一个分区，当我将一个分区悬停在div上时，它将作为第二个屏幕，我希望它隐藏并显示我最近所做的事情。我试过很多东西，但都不管用

ا砦砦砦砦砦砦砦砦砦砦

ا砦砦砦砦砦砦砦砦砦砦

ا砦砦砦砦砦砦砦砦砦砦

。左侧部分{
背景图片：url（“img/Layer-44.jpg”）；
z指数：99999；
位置：绝对位置；
显示：内联块；
左：90px；
宽度：309px；
高度：180像素；
}
.哈{
背景色：rgba（187166153.6）；
宽度：100%；
身高：100%；
显示：无；
}
.左部分p{
文本对齐：居中；
字体系列：Droid阿拉伯语库菲；
颜色：#fff；
字号：18px；
填充顶部：60px；
位置：相对位置；
}
.左部分p：之后{
背景图片：url（“img/lin.png”）；
显示：块；
内容：“；
左边距：130像素；
边缘顶部：15px；
背景色：红色；
宽度：64px；
高度：1px；
}
.段左h6{
文本对齐：居中；
字体系列：Droid阿拉伯语库菲；
颜色：#fff；
字号：18px；
位置：绝对位置；
顶部：110px；
左：110像素；
}

$（函数（）{
$（“.section left”）.hover（函数（）{
$（this.has（“.ha”）.show（）；
}，函数（）{
$（this.has（“.ha”）.hide（）；
});
});

---

这可能会有所帮助。

主要问题是因为

has（）

方法返回一个布尔值，然后在调用

show（）

或

hide（）

时抛出一个错误。相反，使用

find（）

，它将返回一个包含

.ha

元素的jQuery对象。还请注意，您可以在单独的函数中将

toggle（）

方法用于将

事件处理程序悬停在
hide（）
/
show（）
上。大概是这样的：


$（函数（）{
$（“.section left”）.hover（函数（）{
$（this.find（“.ha”）.toggle（）；
});
});
。左侧部分{
背景图片：url（“img/Layer-44.jpg”）；
z指数：99999；
位置：绝对位置；
显示：内联块；
左：90px；
宽度：309px；
高度：180像素；
}
.哈{
背景色：rgba（187166153.6）；
宽度：100%；
身高：100%；
显示：无；
}
.左部分p{
文本对齐：居中；
字体系列：Droid阿拉伯语库菲；
颜色：#fff；
字号：18px；
填充顶部：60px；
位置：相对位置；
}
.左部分p：之后{
背景图片：url（“img/lin.png”）；
显示：块；
内容：“；
左边距：130像素；
边缘顶部：15px；
背景色：红色；
宽度：64px；
高度：1px；
}
.段左h6{
文本对齐：居中；
字体系列：Droid阿拉伯语库菲；
颜色：#fff；
字号：18px；
位置：绝对位置；
顶部：110px；
左：110像素；
}

ا砦砦砦砦砦砦砦砦砦砦

ا砦砦砦砦砦砦砦砦砦砦

ا砦砦砦砦砦砦砦砦砦砦

既然没有JavaScript，为什么还要使用JavaScript

HTML:

您可以使用
.toggle（）
您可以在JSFIDLE中添加代码吗？您是否已将ha类添加到该部分？请为这个制作一把小提琴。将更容易帮助
has（）
返回布尔值。大概你想使用
find（）
来代替，虽然你显示的HTML似乎与你发布的JS代码不匹配，但你甚至不需要在那里使用jQuery或JavaScript。这对OP有什么帮助？但它们不是OP正在使用的按钮，他显然已经知道
隐藏（）和
显示（）`他使用的方法。
$(document).ready(function() {
$("#abc").hide();

$('#xyz').click(function() {
   $("#abc").show();
   $("#xyz").hide();
});

$('#xyz').click(function() {
    $("#abc").show();
    $("#xyz").hide();
});
});

$(".section-left").mouseenter(function(){
$(".section-left").hide();
});
$(".section-left").mouseleave(function(){
$(".section-left").show();
});

<div id="hovering">
<div id="disappearing">

</div>
</div>

#hovering {
  width: 200px;
  height: 200px;
  background-color: red;
}
#disappearing {
  width: 100px;
  height: 100px;
  background-color: green;
}
#hovering:hover #disappearing {
  display: none;
}