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 but not here 使用样式可以解决这个问题吗？

Answer 1

嗯，尽管问题很短：

查看 <div class="footer-container">。它有属性 overflow: hidden 并且它说那是来自 global.css:9800.

只需删除该样式即可。

CSS 块不显示单击按钮

CSS block doesn't show click on a button

jquery

html

css