显示/隐藏效果

Question

我有一个小博客，其中包含一些用于分享的社交按钮，这些按钮已集成到我的主题中。

现在我想更改显示/隐藏，以便默认显示并在单击时隐藏。

$(document).ready(function() {
    $(".post-share").hide();
    $("a.share-btn").click(function() {
        $(this).prev(".post-share").slideToggle("slow");
    });
});

有人可以帮忙吗？

Answer 1

$(document).ready(function() {
  $(".post-share").show();
  $("a.share-btn").click(function() {
    $(this).prev(".post-share").slideToggle("slow");
  });
});

Answer 2

将dom ready中的hide更改为show

 $(document).ready(function() {
    $(".post-share").show();
    $("a.share-btn").click(function() {
       $(this).prev(".post-share").slideToggle("slow");
    });

 });

Answer 3

如果您希望它默认显示，然后在点击时隐藏...

$(document).ready(function() {
    $(".post-share").show();
    $("a.share-btn").click(function() {
        $(this).prev(".post-share").slideUp("slow");
    });
});