Mouseleave из 2 div-ов сразу - jQuery

265
19 июня 2017, 22:34

Когда я навожу на определенный объект появляется еще один объект, пусть это будут дивы. Они находятся рядом друг с другом, и теперь 2-ому диву нужно пропасть, если мышка вышла и из первого дива, и из 2-го дива одновременно. Как это сделать, желательно с jq.

Общий пример (при наведении на цифры появляется табличка, ее нужно убрать, если мышка выходит из ее зоны, и зоны цифр) (ссылка на codepen): codepen.io/Radmir2015/pen/xdXNQV?editors=1010

Второй вопрос про тот же проект и касается CSS: У меня в таблице в ячейках лежит h2. h2 занимают не всю область из td. Как сделать при :hover именно на h2, background-color менялся у td, в котором произошел hover на h2?

Answer 1

Какой jq, это же простейший css... По второму вопросу - на чистом css вы так не сделаете, ибо наследование.

div { 
   width: 200px; 
   height: 100px; 
   background-color: lightgreen; 
   border: 1px solid white; 
   color: white; 
   line-height: 100px; 
   text-align: center; 
   font-size: 300%; 
} 
.second { 
   display: none; 
} 
.second:hover, 
.first:hover ~ .second { 
   display: block; 
}
<div class="first">.first</div> 
<div class="second">.second</div>

READ ALSO
Как указать на выбранный элемент
javascript

Как указать на выбранный элемент

Скрипт

 271
Добавление собственных правил в Ace Editor
javascript

Добавление собственных правил в Ace Editor

Перечитал множество инструкций, в том числе официальный источник: https://acec9

 270
Возможен ли переход по якорям на странице без ссылок а?
javascript

Возможен ли переход по якорям на странице без ссылок а?

У меня кнопка "вверх" http://joxiru/Y2LqlnGu3P0wA6 сделана ссылкой:

 289
JavaScript Array/ Delete a specific object from array/ Add a new object
javascript

JavaScript Array/ Delete a specific object from array/ Add a new object

Всем добрый вечер) Друзья уже мозг кипит, нужна ваша помощьУ меня 3 задания на выполнения для того что бы приняли на internship в одной компаний

 270