Question

我使用的是超级鱼菜单，我遇到了问题。

在标题中，我有一个徽标持有人import csv with open('input.csv', 'rb') as f_input, open('output.csv', 'wb') as f_output: csv_input = csv.reader(f_input, delimiter='\t') csv_output = csv.writer(f_output, delimiter='\t') header = next(csv_input) csv_output.writerow(header + [header[-1]]) for cols in csv_input: print cols csv_output.writerow(cols + [header[-1]])，里面有徽标徽章col1 col2 col3 col3 1 1 1 col3 2 2 2 col3 3 3 3 col3和徽标名称div。当用户将鼠标悬停在顶级链接上时，会显示sf-mega下拉菜单，并将div类应用于父div。

我的问题是我需要徽标徽章显示在下拉菜单的顶部，而不是徽标名称.sfHover。

使用z-index我想是这样的（我已经尝试过）所以我想在菜单li上div类处于活动状态时隐藏徽标名称div所以我有这个代码但是它没有隐藏它。

.sfHover

感谢任何帮助。

Answer 1

您对hover()的使用在这里是错误的。它期望处理程序函数作为参数。你应该像这样使用它：

$('#mainMenu.sf-menu ul li').hover(
   function() {  // when the mouse pointer enters the element.
     if ($(this).hasClass('sfHover')) {
         $('.logoHolder .kingsworthName').hide();
       }
     },
   function () {} // when the mouse pointer leaves the element.
);

Answer 2

您可以使用纯CSS。这是链接。

//css FILE
.box {
  height: 300px;
  width: 300px;
  background: red;
}

.hidden {
  height: 100px;
  width: 100px;
  background: white;
  display:none;
}

.box:hover .hidden {
    display: block;
}

//HTML

<html>


<body>
  <div class="box">
    <div class="hidden">
      Hello there
    </div>
  </div>
</body>
</html>

https://jsfiddle.net/8Ldwm10p/

Jquery悬停并隐藏另一个div

2 个答案: