jQuery Show / Hide Tags

by akaimo

HTML

<button class="showtags">view tags </button>
<div id="tagbox">
<p>
<input type="email" name="email" id="email" placeholder="email" autofocus required>

    <input type="text" name="subject" id="name" placeholder="subject" autofocus required>

    <input type="text" name="message" id="message" placeholder="message" autofocus required>

    <input type="submit" name="send" id="send" value="Send">
</p>
</div>

CSS

#tag_list{
    display:none;
    background:#efefef;
    padding:15px;
}

JavaScript

$(document).ready(function () {
    $('.showtags').on('click', function () {
        if ($('#tagbox').is(':visible')) {
            $(this).text('view tags');
            $('#tagbox').slideUp('fast');
        } else {
            $(this).text("hide tags");
            $('#tagbox').slideDown('fast');
        }
    });
});