在点击上显示图像标题

Question

我在Wordpress中尝试了以下内容，点击父Div

显示标题

$(document).ready(function() {
    $( "#thumbnailwrap" ).click(function() {
       $( ".titlewrap" ).slideUp( "slow", function() {
// Animation complete.
       });
    });
});

我检查过语法错误。任何人都可以建议我可能出错的地方？

Answer 1

jQuery的slideUp方法会将元素的高度滑动为零，因此设计为通过向上滑动元素来隐藏元素直到它不可见。

您可以尝试使用slideUp切换slideDown，$(document).ready(function() { $( "#thumbnailwrap" ).click(function() { $( ".titlewrap" ).slideDown( "slow", function() { // Animation complete. }); }); }); 用于获取高度为零的元素并将其向下滑动到目标高度，从而使其可见。 （documentation for slideDown）：

#thumbnailwrap

或者，如果您希望在点击slideToggle时标题在隐藏和可见之间切换，您可以尝试$(document).ready(function() { $( "#thumbnailwrap" ).click(function() { $( ".titlewrap" ).slideToggle( "slow", function() { // Animation complete. }); }); }); （docs）：

{{1}}