javascript - 显示/隐藏效果

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更改为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");
    });
});