CSS块不显示单击按钮

Question

我有一个按钮，在点击它时应该显示社交链接按钮“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);
    }
});

按钮位于左下角 该按钮有效here但不是here 可以使用样式解决此问题吗？

Answer 1

好吧，尽管有一个简短的问题：

查看<div class="footer-container">。它有属性overflow: hidden，它表示来自global.css:9800。

只需删除该样式即可。