在点击上显示图像标题

时间:2013-12-30 22:22:07

标签: jquery slideup

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

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

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

1 个答案:

答案 0 :(得分:4)

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}}