toggleClassが効かない

Question

現在、スライド表示するメニューを作っています。

hoverした際に、三角形の装飾を付けるために.nav-list .businessに.animatedのclassが付くようにしました。

ここまではよかったのですが、ページ推移した際に.animatedが外れずに三角形が残ってしまう問題が起きました。

なので、$('.nav-list .business').toggleClass('animated');を付けることで読み込み時にclassを外そうとしたのですがうまくいきませんでした。

$(function(){
  $('.business-list').css('display','none');
  $('.nav-list .business').toggleClass('animated');
  $('.nav-list .business , .business-list').hover(function(){
  	$('.business-list').stop().slideDown();
  	$('.nav-list .business').addClass('animated');
  },function(){
  	$('.business-list').stop().slideUp();
  	$('.nav-list .business').toggleClass('animated');
  });
});

どのようにすればページ読み込み時に.animatedを外すことができるでしょうか？

よろしくお願いいたします。

Answer 1

クラスを外したいなら .removeClass() では？

removeClass(class)

Comments

[TakenokoTaro]

解決しました。ありがとうございます！

Answer 2

読み込み時はremoveClassしてください

Comments

[yambejp]

もしくはtoggleClassしなければいいだけのような・・・

[TakenokoTaro]

解決しました。ありがとうございます！