показывать div при наведении и оставаться до отпускания мыши?

Question

при наведении на «.socialIcons», я хочу, чтобы div «.socialIconsShow» исчезал, а когда я перемещаю мышь, чтобы навести курсор на «.socialIconsShow», они исчезают. Есть ли способ, чтобы значки оставались видимыми после выхода из ".socialIcons"?

<div class="socialNetworks">
          <ul>
            <li><a href="#">Configure</a></li>
            <li><a href="#">Contact</a></li>
            <li class="socialIcons"><a href="#">Follow</a></li>
          </ul>
        </div>
         <div class="socialIconsShow">
          <div class="facebook"></div>
          <div class="twitter"></div>
          <div class="linkedin"></div>
        </div>
       </div>

Вот ссылка, по которой вы видите, что происходит: http://www.imsmfg.com/new/test/index.php

Answer 1

Если вы немного измените разметку, вы должны быть отсортированы.

<div class="socialNetworks">
    <ul>
        <li><a href="#">Configure</a></li>
        <li><a href="#">Contact</a></li>
        <li class="socialIcons">
            <a href="#">Follow</a>
            <!-- Jam these in here -->
            <div class="socialIconsShow">
                <div class="facebook"></div>
                <div class="twitter"></div>
                <div class="linkedin"></div>
            </div>
        </li>
    </ul>
</div>

Answer 2

Я считаю, что это то же самое, что я ответил вчера:

jQuery: наведите курсор мыши на подменю div, которое должно оставаться открытым при наведении мыши

Answer 3

Вы можете сделать это путем реструктуризации разметки и использования селектора :hover, например this .

. Это не исчезнет и не исчезнет.Это будет просто показать / скрыть.