If/Else jQuery Practice

by japaneselanguagefriend

HTML

<button class="trigger">Menu</button>


<ul class="menu">
    
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    
    
</ul>

<div class="box final"></div>

CSS

.menu {display:none;}

.box (height:810px;)

.green {background-color:green;}

JavaScript

$(function() {
    $('.trigger').click(function() {
        
            if ( $( '.box' ).hasClass( 'test' ) ) 
            
            {
 
                alert('Class: Test');
                
                }
        
        else if ( $('.box').hasClass('final') )
        {
            alert('Class: Final');   
        }
        

    });
  
  
  });