Question

在我的画廊中有很多我希望将它放在div中的图片，点击后可以看到。

包含图库的div显示但画廊不可见。我无法弄清楚如何让它发挥作用。

我的代码：

<section class="bottom">

        <div class="gallery-slide">     
            <a id="gallery-slide-button"><h3 class="underline"><i class="fa fa-chevron-down"></i>Galeria</h3></a>
            <div id="gallery-slide-images">
                     <p><?php echo do_shortcode ( '[gallery captions="hide" bottomspace="ten" gutterwidth="10" columns="8" ids="83,84,85,86,87,88,89"]' ); ?>
            </p></div>  
         </div>

<script>
$( "#gallery-slide-button" ).click(function() {
  $( "#gallery-slide-images" ).slideToggle( "slow" );
});
</script>

.gallery-slide > a:hover {
text-decoration: none;
cursor: pointer;
color: #e15823;
-webkit-transition-duration: 300ms;
transition-duration: 300ms; 
}

.gallery-slide a {color: #363635;}

#gallery-slide-images {
display: none; 
width: 100%;
}

Answer 1

在你的CSS中有一个让它隐藏的类。

.wc-gallery .gallery.gallery-masonry {
  visibility: hidden;
}

更改它或你可以在css

.wc-gallery .gallery.gallery-masonry {
  visibility: visible;
}

如果不起作用，请使用

.wc-gallery .gallery.gallery-masonry {
   visibility: visible !important;
}

CSS无法将图库设置为可见

1 个答案: