css java脚本添加if else

Question

我有black和green个css类。我需要使用if else elseif编辑此JavaScript以放置black和green类。

我只需要使用green。如何使用black放置elseif？

<script type="text/javascript">
   $(document).ready(function() {
       });
   //drop down menu
       $(".drop-down").hover(function() {
         $('.green').addClass('display-on');
       });
       $(".drop-down").mouseleave(function() {
         $('.green').removeClass('display-on');
       });
   });
</script>

Answer 1

$(".d-d").hover(function(){

  if( $(".green").hasClass("d-on") ){
  
	  $(".green").removeClass("d-on");
  
  }else{
  
    $(".green").addClass("d-on");
  
  }
  
});

.d-d{
  width:50px;
  height:50px;
  background: grey;
}

.green{
  width:50px;
  height:50px;
  background: green;
}

.d-on{
  background:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<div class="d-d"></div>
<br>
<div class="green"></div>