Question

我有一个地图填充区域，如果您将鼠标悬停在某个区域上或单击它，则会出现一个方框（div）。

当我将鼠标悬停在某个区域上时，框（div）会出现，但在将鼠标移开后不会消失，所以如果我做对了这意味着我需要进行切换或类似的事情，但对于徘徊。我花了几个小时在这里和其他地方搜索，尝试了一些代码，但都没有用。

所以我想知道切换.hover和切换.click的代码是什么我在这里做错了什么，或者我是否完全使用了错误的代码？

以下是我在jquery中的代码：（.no19，.no2，.no1是区域）

$(".no19").hover(function() {
$("#vest-agder").css({"display":"block"});
});

$(".no2").hover(function() {
$("#aust-agder").css({"display":"block"});
});

$(".no1").hover(function() {
$("#akershus").css({"display":"block"});
});

我尝试了类似这样的东西和其他一些东西，这似乎是正确的代码，但我不能让它正常工作：

 $(".no19").hover(function() {
     $(this).toggleClass('active');
        $('#vest-agder').toggleClass('active');
});

以下是来自css的片段：

#vest-agder {
    background: #111;
    background: rgba(0,0,0,.8);
    color: #eee;
    position:absolute;
    display: none;

以下是来自html的片段：

<div id="vest-agder">
    <!-- agent address in the first region -->
  <p>text</p>
  </div>

我还在jsfiddle中放置了html，jquery和css的所有编码： http://jsfiddle.net/cpKFf/1/ 我从来没有使用过jsfiddle，所以我不知道如何正确设置它，但我想它需要所有图形组件才能正确显示地图。你看到的代码是这样的结果： http://iseeit.no/maptest/

希望我明确表示：）

Answer 1

我不是jquery的专家，但不应该是$(this).toggleClass('display');

http://api.jquery.com/toggleClass/

Answer 2

您需要执行以下操作：

$(".no1").hover(function() {
  $("#akershus").css({"display":"block"});
  ,

  function()  {  $("#akershus").css({"display":"none"});   }

 });

悬停需要两个功能

jquery悬停问题并单击切换

2 个答案: