LittleDemon WebShell

$(document).ready(function () {

    var screensize = $(window).width();
    if (screensize > 580) {
        $("fieldset").css({"opacity": "1", "position": "relative", "display": "block"});
        $("#msform fieldset:last").css({"opacity": "0", "display": "none"});
        $(".next").hide();
        $(".previous").hide();
        $(".submit").show();
        next_fs = $(this).parent().next();
        $(".submit").click(function () {
//hide the current fieldset with style
            $("fieldset").animate({'opacity': '0'}).css({'display': 'none'});

            //show the next fieldset
            $("#msform fieldset:last").animate({'opacity': '1'}).css({"position": "relative", "display": "block"}).animate(600);
        });
    } else {
//        $("fieldset").css({"opacity": "0", "position": "relative", "display": "none"});
        $(".next").show();
        $(".previous").show();

        var current_fs, next_fs, previous_fs; //fieldsets
        var opacity;

        $(".next").click(function () {

            current_fs = $(this).parent();
            next_fs = $(this).parent().next();

//Add Class Active
            $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

//show the next fieldset
            next_fs.show();
//hide the current fieldset with style
            current_fs.animate({opacity: 0}, {
                step: function (now) {
// for making fielset appear animation
                    opacity = 1 - now;

                    current_fs.css({
                        'display': 'none',
                        'position': 'relative'
                    });
                    next_fs.css({'opacity': opacity});
                },
                duration: 600
            });
        });

        $(".previous").click(function () {

            current_fs = $(this).parent();
            previous_fs = $(this).parent().prev();

//Remove class active
            $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

//show the previous fieldset
            previous_fs.show();

//hide the current fieldset with style
            current_fs.animate({opacity: 0}, {
                step: function (now) {
// for making fielset appear animation
                    opacity = 1 - now;

                    current_fs.css({
                        'display': 'none',
                        'position': 'relative'
                    });
                    previous_fs.css({'opacity': opacity});
                },
                duration: 600
            });
        });
    }
    $('.radio-group .radio').click(function () {
        $(this).parent().find('.radio').removeClass('selected');
        $(this).addClass('selected');
    });

    $(".submit").click(function () {
        return false;
    });

    $("input").focusin(function () {
        $(this).siblings("span").css({"top": "-8px", "bottom": "10px", "left": "20px", "color": "color: #2C3E50", "font-size": "11px", "opacity": "1"});
    });
    $("input").focusout(function () {
        if ($(this).val() == '') {
            $(this).siblings("span").css({"top": "10px", "transition": "0.2s ease all", "font-size": "14px", "color": "#9E9E9E"});
        } else {
            $(this).siblings("span").css({"color": "#2C3E50"});
        }
    });
    $("select").click(function () {
        $(this).siblings("span").css({"top": "-8px", "bottom": "10px", "left": "20px", "color": "color: #2C3E50", "font-size": "11px", "opacity": "1"});
    });
    $("select").blur(function () {
        if ($(this).val() == '') {
            $(this).siblings("span").css({"top": "10px", "transition": "0.2s ease all", "font-size": "14px", "color": "#9E9E9E"});
        } else {
            $(this).siblings("span").css({"color": "#2C3E50"});
        }
    });
});