Cacher is the code snippet organizer for pro developers

$('.page-alert .close').click(function (e) {
        e.preventDefault();
        $(this).closest('.page-alert').slideUp();
    });

<?php
function show_success() {
    ?>
    <div class="alert alert-success page-alert" id="alert-1">
        <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <strong>Well done!</strong> You successfully read this important alert message.
    </div>
    <?php
}

function show_info() {
    ?>
    <div class="alert alert-info page-alert" id="alert-2">
        <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
    </div>
    <?php
}

function show_warning() {
    ?>
    <div class="alert alert-warning page-alert" id="alert-3">
        <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <strong>Warning!</strong> Best check yo self, you're not looking too good.
    </div>
    <?php
}

function show_danger() {
    ?>
    <div class="alert alert-danger page-alert" id="alert-4">
        <button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        <strong>Oh snap!</strong> Change a few things up and try submitting again.
    </div>
    <?php
}
?>