Jquery hide and show elements

JavaScript
1

Im trying to fix so when i click on drink it will show the drink menu and when i click on eat it will show the eat menu. It works the first step when i click on drink but if i want to get back to the old menu it dosen’t work.

Im new to jquery so can someone please also tell me what’s wrong with my code.

2

You forgot the dot to select the classes.

$('.eat').click(function() { 
       $(".eat").css("background-color","grey");
       $(".drink").css("background-color","transparent");
        $('.menu-eat').show(); // dot here
        $('.menu-drink').hide();  // dot here
    });
1 Like
3

Haha im laughing thanks.