У меня есть кнопка, которая должна отображать кнопки социальных ссылок «div class = footer-share» при нажатии на нее.

Код кнопки:

<div class="footer-share-icon-main icon-footer-share"></div>

Блок:

<ul class="footer-share" style="display: none;">
  <a href="#" class="left-qr" target="_blank"><li class="fa fa-weixin-qr"></li></a>
  <a href="https://fr.pinterest.com/artworkprive/" target="_blank"><li class="footer-share-icon fa fa-pinterest-p"></li></a>
  <a href="https://www.instagram.com/artworkprive/" target="_blank"><li class="footer-share-icon fa fa-instagram"></li></a>
  <a href="https://twitter.com/ArtworkPrive" target="_blank"><li class="footer-share-icon fa fa-twitter"></li></a>
  <a href="https://www.facebook.com/ArtworkPrive" target="_blank"><li class="footer-share-icon fa fa-facebook"></li></a>
</ul>

Использование JQuery

$('.footer-share-icon-main').click(function () {
    if ($('ul.footer-share').is(':hidden')) {
    //alert('hello');
            $('ul.footer-share').slideDown(300);
    } else if ($('ul.footer-share').is(':visible')) {
    //alert('hello');
            $('ul.footer-share').slideUp(300);
    }
});

Кнопка находится внизу слева введите описание изображения здесь Кнопка работает здесь, но не здесь Можно ли решить эту проблему с помощью стилей?

-6
tarek fellah 28 Июн 2017 в 17:33
Это не кнопка, а ссылка со специальным шрифтом ...
 – 
Usagi Miyamoto
28 Июн 2017 в 17:36
1
Можете ли вы указать, в каком браузере вы работаете? А что значит "не работает"? В Firefox обе кнопки показывают ответ (во втором случае это предупреждение).
 – 
K. Rohde
28 Июн 2017 в 17:37

1 ответ

Лучший ответ

Что ж, несмотря на короткий вопрос:

Обратите внимание на <div class="footer-container">. У него есть свойство overflow: hidden, и в нем говорится, что оно исходит от global.css:9800.

Просто удалите этот стиль, и все готово.

1
K. Rohde 28 Июн 2017 в 17:43
Простите за это. Я не знаю, насколько этот пост будет полезен для других, но подумайте о том, чтобы принять ответ, чтобы решить эту проблему.
 – 
K. Rohde
28 Июн 2017 в 18:09