$(document).ready(function(){
 //load initial page into div on page load
 $("#faq-body").load("#faq-body #answer1");
//load html to div on click
 $(".faq1").click(function(){
  $("#faq-body").load("#faq-body #answer1");
 });
 $(".faq2").click(function(){
  $("#faq-body").load("#faq-body #answer2");
 });
 $(".faq3").click(function(){
  $("#faq-body").load("#faq-body #answer3");
 });
 $(".faq4").click(function(){
  $("#faq-body").load("#faq-body #answer4");
 });
 $(".faq5").click(function(){
  $("#faq-body").load("#faq-body #answer5");
 });
 $(".faq6").click(function(){
  $("#faq-body").load("#faq-body #answer6");
 });
 $(".faq7").click(function(){
  $("#faq-body").load("#faq-body #answer7");
 });
//end load html to div

//add remove 'selected' state 
$("a").click(function(){
        $("#faq-nav .selected").removeClass("selected");   
        $(this).addClass("selected");  
});
//end add remove
});