$(document).ready(function(){
	showMore()
	showLess()

	$("#contactForm").submit(function(event){
	    // cancels the form submission
	    event.preventDefault();
	    console.log("inside contactForm")
	    submitForm();
	});
})//end doc ready

function showMore(){
	$('section#about').on('click', '#more-about-button', function(e){
		e.preventDefault();
		$('#more-about-button').hide()
		$('#more-about').show()
		$('#less-about-button').show()

	})
}

function showLess(){
	$('section#about').on('click', '#less-about-button', function(e){
		e.preventDefault();
		$('#more-about-button').show()
		$('#more-about').hide()
		$('#less-about-button').hide()

	})
}


function submitForm(){
	console.log("inside submitForm")
    // Initiate Variables With Form Content
    var name = $("#name").val();
    var email = $("#email").val();
    var message = $("#message").val();
 
    $.ajax({
        type: "POST",
        url: "php/process.php",
        data: "name=" + name + "&email=" + email + "&message=" + message,
        success : function(text){
            if (text == "success"){
                formSuccess();
            }
        }
    });
}
function formSuccess(){
    $( "#msgSubmit" ).removeClass( "hidden" );
}
$(document).ready(function(){
	showMore()
	showLess()

	$("#contactForm").submit(function(event){
	    // cancels the form submission
	    event.preventDefault();
	    console.log("inside contactForm")
	    submitForm();
	});
})//end doc ready

function showMore(){
	$('section#about').on('click', '#more-about-button', function(e){
		e.preventDefault();
		$('#more-about-button').hide()
		$('#more-about').show()
		$('#less-about-button').show()

	})
}

function showLess(){
	$('section#about').on('click', '#less-about-button', function(e){
		e.preventDefault();
		$('#more-about-button').show()
		$('#more-about').hide()
		$('#less-about-button').hide()

	})
}


function submitForm(){
	console.log("inside submitForm")
    // Initiate Variables With Form Content
    var name = $("#name").val();
    var email = $("#email").val();
    var message = $("#message").val();
 
    $.ajax({
        type: "POST",
        url: "http://formspree.io/fakimallen@email.com",
        data: "name=" + name + "&email=" + email + "&message=" + message,
        success : function(text){
            if (text == "success"){
                formSuccess();
            }
        }
    });
}

function formSuccess(){
    $( "#msgSubmit" ).removeClass( "hidden" );
}
Change ajax url to formspree address
Change ajax url to formspree address
