const jquery = require("jquery");

// jQuery(window).ready(function(){
//   jQuery(".header_content_button").mouseenter(function(){
//   jquery(".header_content_button").hasClass(".header_content_button")
//     jQuery(".header_content_button").innerWidth("300px")
//     jQuery(".header_content_button").innerHeight("40px")
//   })
//   jQuery(".header_content_button").mouseleave(function(){
//     jquery(".header_content_button").hasClass(".header_content_button")
//     jQuery(".header_content_button").innerWidth("180px")
//     jQuery(".header_content_button").innerHeight("40px")
//   })
// })

// $( "*", document.body ).click(function( event ) {
//   var offset = $( this ).offset();
//   event.stopPropagation();
//   $( ".header_content_sub-title" ).text( this.tagName +
//     " coords ( " + offset.left + ", " + offset.top + " )" );
//     $( ".header_content_sub-title" ).offset({top:1});
//     $( ".header_content_sub-title" ).animate
// });
$(document).ready(function(){
  $(".header_content_button").mouseenter(function () {
    $(".header_content_sub-title").addClass("blow");
  });
  $(".header_content_button").mouseleave(function () {
    $(".header_content_sub-title").removeClass("blow");
  });


  $(".message-icon").click(function () {
      $(".message-viewer").toggleClass("active");
      $(".message-viewer").slideToggle();
  });

$('.send-btn').click(function () {
  var text = $('#text-message').val();
  if (text != '') {
    $('<p></p>').text(text).appendTo('.text-show');
    $('#text-message').val('');
  }
});

  $("#input-email").on('focus', function(){
    if ($(".text_float").slideToggle()) {
      $("#input-email").removeAttr('placeholder');
    }
    else {
      $("#input-email").attr('placeholder');
    }
  });


  $('.background_card-btn').click(function(){
    if( $('.background_card-para-hidden').hasClass('.hide_para')){
      $('.background_card-para-hidden').addClass('.hide_para')
      $('.background_card-para-hidden').css('display','block');
    } else {
      $('.background_card-para-hidden').css('display','none');
      $('.background_card-para-hidden').removeClass('.hide_para');
    }
  });

  $('#email_input').focusin(function(){
      $('.input_btn').fadeIn(200).show(200);
  });
  $('#email_input').focusout(function(){
    $('.input_btn').fadeIn(200).hide(200);
  });
  $('.input_btn').click(function(){
    $('.background_card').append('<div class="Hello"></div>');
    $('.Buddy').after(document.createTextNode("Jay"));
  });

  jQuery('#tabs_nav li:first-child').addClass('active');
    jQuery('.tab-content').hide();
    jQuery('.tab-content:first').show();
 
// Click function
    jQuery('#tabs_nav li').click(function(){
      jQuery('#tabs_nav li').toggleClass('active');
      jQuery('.tab-content').toggle();
      
      var activeTab = jQuery(this).find('a').attr('href');
      jQuery(activeTab).fadeIn();
      return false;
    });
});