Jquery hide and show elements

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.

You forgot the dot to select the classes.

$('.eat').click(function() { 
        $('.menu-eat').show(); // dot here
        $('.menu-drink').hide();  // dot here
1 Like

Haha im laughing thanks.