javascript - スクリプトに hide パラメータを追加

Question

こんにちは、私は現在次のスクリプトを持っています。1 つの非表示と表示ではなく、表示と非表示の機能を追加しようとしています。基本的に「クリックしてください」はそれを表示し、ボタンはそれを非表示にします、フィドルの例

http://jsfiddle.net/9M99G/

$(document).ready(function () {
    var content = $('.below').hide();
    $('.toggleBtn').on('click', function () {
        $(this).next('.below').slideToggle();
        return false;
    });
});

Answer 1

デモ

これを試して、slideDownとslideUpを使用してください

$(document).ready(function () {
      $('.below').hide();
        $('.toggleBtn').click(function () {
            $(this).next('.below').slideDown('slow');
            return false;
        });
         $('.below button').click(function () {
            $(".below").slideUp('slow');
        });
    });

Answer 2

ボタンの非表示機能だけが必要な場合は、このコードで十分です

$(document).ready(function () {
    var content = $('.below').hide();
    $('.toggleBtn').on('click', function () {
        $(this).next('.below').slideToggle();
        return false;
    });
    $('.below').on('click', function(){
        $(this).slideToggle();
    });
});

Demo fiddle: http://jsfiddle.net/9M99G/4/

または、非表示ボタンが表示されている間に非表示にしたい場合はClick Me、以下のコードがまさにそれを行います

$(document).ready(function () {
    var content = $('.below').hide();
    $('.toggleBtn').on('click', function () {
        $(this).hide();
        $('.below').show();
        return false;
    });
    $('.below').on('click', function () {
        $(this).hide();
        $('.toggleBtn').show();
        return false;
    });

});

Demo fiddle : http://jsfiddle.net/9M99G/6/