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

hideをshowin dom ready に変更します

 $(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");
    });
});