// hover effect
$(document).ready(function() {
  $('div.showmore h6').add('div.showmore2 h6').hover(function() {
    $(this).addClass('hover');
  }, function() {
    $(this).removeClass('hover');
  });
});

// independently show and hide
$(document).ready(function() {
  $('div.showmore h6').addClass("more");
	 
  $('div.showmore div').hide();  
  $('div.showmore h6#instruction').bind("click",function() {
	    $(this).next().slideToggle('fast');
	   
		if($(this).hasClass("more")){
			
			$(this).removeClass("more"); $(this).addClass("less"); 
			$(this).html('Show less ←');  
												
		}
		else{
			$(this).removeClass("less"); $(this).addClass("more"); $(this).html('Show more →');    
		}
		
  });
});

// one showing at a time
/*
$(document).ready(function() {
  $('div.showmore:eq(1) > div:gt(0)').hide();  
  $('div.showmore:eq(1) > h6').click(function() {
    $(this).next('div:hidden').slideDown('fast')
    .siblings('div:visible').slideUp('fast');
  });
});


//simultaneous showing and hiding

$(document).ready(function() {
  $('div.showmore2:eq(0) > div').hide();
  $('div.showmore2:eq(0) > h6').click(function() {
    $(this).next('div').slideToggle('fast')
    .siblings('div:visible').slideUp('fast');
  });
});

//queued showing and hiding
$(document).ready(function() {
  $('div.showmore2:eq(1) > div').hide();  
  $('div.showmore2:eq(1) > h6').click(function() {
    var $nextDiv = $(this).next();
    var $visibleSiblings = $nextDiv.siblings('div:visible');

    if ($visibleSiblings.length ) {
      $visibleSiblings.slideUp('fast', function() {
        $nextDiv.slideToggle('fast');
      });
    } else {
       $nextDiv.slideToggle('fast');
    }
  });
});
*/