https://biomedres.us/js/accordion2/custom.js

1//$(function(){
2//  $(".haccordion > li").hover(
3//    function(){
4//      var $this = $(this);
5//      $this.stop().animate({"width": "300px"},500);
6//      $('.heading', $this).stop(true,true).fadeOut();
7//      $('.bgDescription', $this).stop(true,true).slideDown(500);
8//      $('.description',$this).stop(true,true).fadeIn();
9//    },
10//    function(){
11//      var $this = $(this);
12//      $this.stop().animate({"width": "120px"},500);
13//      $('.heading', $this).stop(true,true).fadeIn();
14//      $('.bgDescription', $this).stop(true,true).slideUp(500);
15//      $('.description',$this).stop(true,true).fadeOut();
16//    }
17//  )
18//});
19
20if ( $(window).width() > 640) {     
21
22$(function(){
23  $(".haccordion > li").hover(
24    function(){
25      var $this = $(this);
26      $this.stop().animate({"width": "350px"},500);
27      $('.heading', $this).stop(true,true).fadeOut();
28      $('.bgDescription', $this).stop(true,true).slideDown(500);
29      $('.description',$this).stop(true,true).fadeIn();
30    },
31    function(){
32      var $this = $(this);
33      $this.stop().animate({"width": "120px"},500);
34      $('.heading', $this).stop(true,true).fadeIn();
35      $('.bgDescription', $this).stop(true,true).slideUp(500);
36      $('.description',$this).stop(true,true).fadeOut();
37    }
38  )
39});
40
41}
42
43else if ( $(window).width() < 450) {     
44
45$(function(){
46  $(".haccordion > li").hover(
47    function(){
48      var $this = $(this);
49      $this.stop().animate({"width": "149px"},500);
50      $('.heading', $this).stop(true,true).fadeOut();
51      $('.bgDescription', $this).stop(true,true).slideDown(500);
52      $('.description',$this).stop(true,true).fadeIn();
53    },
54    function(){
55      var $this = $(this);
56      $this.stop().animate({"width": "50px"},500);
57      $('.heading', $this).stop(true,true).fadeIn();
58      $('.bgDescription', $this).stop(true,true).slideUp(500);
59      $('.description',$this).stop(true,true).fadeOut();
60    }
61  )
62});
63
64}
65
66else {
67
68$(function(){
69  $(".haccordion > li").hover(
70    function(){
71      var $this = $(this);
72      $this.stop().animate({"width": "300px"},500);
73      $('.heading', $this).stop(true,true).fadeOut();
74      $('.bgDescription', $this).stop(true,true).slideDown(500);
75      $('.description',$this).stop(true,true).fadeIn();
76    },
77    function(){
78      var $this = $(this);
79      $this.stop().animate({"width": "50px"},500);
80      $('.heading', $this).stop(true,true).fadeIn();
81      $('.bgDescription', $this).stop(true,true).slideUp(500);
82      $('.description',$this).stop(true,true).fadeOut();
83    }
84  )
85});
86
87}