$(document).ready(function() {
    $('.drop-box .action').click(function() {
        var droppings = $(this).next('.dropped-box');
        droppings.stop(true);
        if (droppings.is(".down")) {
            $(this).animate({
                opacity: 50
            },
            400,
            function() {
                $(this).removeClass("dropped");
                droppings.removeClass("down").fadeOut(100);
                $(this).animate({
                    opacity: 1
                },
                200);
            })
        } else {
            $(this).animate({
                opacity: 50
            },
            50,
            function() {
                $(this).addClass("dropped");
                droppings.addClass("down").fadeIn(100);
                $(this).animate({
                    opacity: 1
                },
                200);
            })
        }
        return false;
    });
});