JQuery hover error

[musicman1985]

Hi.
I want the div element on hover to animate to a different color via jQuery but it won't work. I know i can do this via css animations but I want it this way.I've done this way(jQuery) in another code and it worked fine.
This is in short my html:

<div class="services">
      <div class="col-md-4" id="logodesign"><a href="contact.html">
      <img src="images/LOGOSBUNDLE2.jpg" alt="logoservices" class="img-fluid">
          <h1 class="blink">NEED LOGO DESIGN!</h1><p class="blink">Classic, modern, vintage, bold, ...</p></a></div></div>

and the script part:

$(() => {
   $('div.col-md-4#logodesign').hover(function() {
    $(this).animate({
      backgroundColor: '#041826',
      color: '#000'
    },1000)
   }, function() {
    $(this).animate({
      backgroundColor: 'orange',
      color: '#fff'
    },1000);
   });
  });;

and the web inspector errors:

 

[musicman1985]

Case solved. it was a problem with the main jQuery file and the orange color for some reason.

 

[VBService]

... and the orange color for some reason

check this

  $(() => {
    $('div#logodesign').hover(function() {
      $(this).animate({
        backgroundColor: '#041826',
        color: '#000'
      }, 1000, function() {
        $(this).animate({
          backgroundColor: 'orange',
          color: '#fff'
        }, 1000);
      });
    });
  });

 

[musicman1985]

check this

  $(() => {
    $('div#logodesign').hover(function() {
      $(this).animate({
        backgroundColor: '#041826',
        color: '#000'
      }, 1000, function() {
        $(this).animate({
          backgroundColor: 'orange',
          color: '#fff'
        }, 1000);
      });
    });
  });

thanks