// JavaScript Document
$(document).ready(function(){
    $('.example1').hide().before('<a href="#" id="open-example1" class="button">Show Project</a>');
    $('.example1').append('<a href="#" id="close-example1" class="button">Hide Project</a>');
    $('a#open-example1').click(function() {
        $('.example1').slideDown(800);
        $('#open-example1').fadeOut(500);
        return false;
    });
    $('a#close-example1').click(function() {
        $('.example1').slideUp(800);
        $('#open-example1').fadeIn(500)
        return false;
    });
});

$(document).ready(function(){
    $('.example2').hide().before('<a href="#" id="open-example2" class="button">Show Project</a>');
    $('.example2').append('<a href="#" id="close-example2" class="button">Hide Project</a>');
    $('a#open-example2').click(function() {
        $('.example2').slideDown(800);
        $('#open-example2').fadeOut(500);
        return false;
    });
    $('a#close-example2').click(function() {
        $('.example2').slideUp(800);
        $('#open-example2').fadeIn(500)
        return false;
    });
});

$(document).ready(function(){
    $('.example3').hide().before('<a href="#" id="open-example3" class="button">Show Project</a>');
    $('.example3').append('<a href="#" id="close-example3" class="button">Hide Project</a>');
    $('a#open-example3').click(function() {
        $('.example3').slideDown(800);
        $('#open-example3').fadeOut(500);
        return false;
    });
    $('a#close-example3').click(function() {
        $('.example3').slideUp(800);
        $('#open-example3').fadeIn(500)
        return false;
    });
});

$(document).ready(function(){
    $('.example4').hide().before('<a href="#" id="open-example4" class="button">Show Project</a>');
    $('.example4').append('<a href="#" id="close-example4" class="button">Hide Project</a>');
    $('a#open-example4').click(function() {
        $('.example4').slideDown(800);
        $('#open-example4').fadeOut(500);
        return false;
    });
    $('a#close-example4').click(function() {
        $('.example4').slideUp(800);
        $('#open-example4').fadeIn(500)
        return false;
    });
});

$(document).ready(function(){
    $('.example5').hide().before('<a href="#" id="open-example5" class="button">Show Project</a>');
    $('.example5').append('<a href="#" id="close-example5" class="button">Hide Project</a>');
    $('a#open-example5').click(function() {
        $('.example5').slideDown(800);
        $('#open-example5').fadeOut(500);
        return false;
    });
    $('a#close-example5').click(function() {
        $('.example5').slideUp(800);
        $('#open-example5').fadeIn(500)
        return false;
    });
});