$(document).ready(function(){
  $('#acc').removeClass('x-section');
  $('.communityPic').hover(function(){
    let view = '#' + $(this).attr('id') + 'view';

    $(document).on('mousemove', function(e){
      $(view).css({
        left:  e.pageX + 20,
        top:   e.pageY
      });
    });
    $(view).show();
    
  }, function() {
    let view = '#' + $(this).attr('id') + 'view';
      $(view).hide();
      $(document).off('mousemove');
  });

});


$(document).ready(function(){
  $('#nac').removeClass('x-section');
  $('.communityPic').hover(function(){
    let view = '#' + $(this).attr('id') + 'view';

    $(document).on('mousemove', function(e){
      $(view).css({
        left:  e.pageX + 20,
        top:   e.pageY
      });
    });
    $(view).show();
    
  }, function() {
    let view = '#' + $(this).attr('id') + 'view';
      $(view).hide();
      $(document).off('mousemove');
  });

});

$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide(1000);
  });
  $("#show").click(function(){
    $("p").show(1000);
  });
});