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> 

が

$('.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); 
    } 
}); 

jQueryの

を使用

ボタンが下部にある左 ボタンがhereなく作品 スタイルを使用してこの問題を解決できますか？

Answer 1

まあ、短い質問にもかかわらず：

チェックアウト<div class="footer-container">。プロパティーはoverflow: hiddenで、それはglobal.css:9800からのものです。

そのスタイルを削除するだけで、あなたが設定されています。