a1-gettingstarted/jquery_script.js at master · pjjankowski/a1-gettingstarted · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// Handles the language list descriptions with Jquery

'use strict';

// On mouseover, shows a decription of the experience with each
// and stops showing it when the mouse is moved off
$( "div.some-experience" ).hover(
  function() {
    $( this ).prepend( $( "<span> Some experience with </span>" ) );
  }, function() {
    $( this ).find( "span:first" ).remove();
  }
);

$( "div.not-experienced" ).hover(
  function() {
    $( this ).prepend( $( "<span> Minimal experience with </span>" ) );
  }, function() {
    $( this ).find( "span:first" ).remove();
  }
);

$( "div.most-experience" ).hover(
  function() {
    $( this ).prepend( $( "<span> The most experience with </span>" ) );
  }, function() {
    $( this ).find( "span:first" ).remove();
  }
);