How to create a jQuery page with the given instructions

the page should look like second attachment given I think.

Here is a description: My First jQuery Page in All other headings (About me, Things I like, Drinks, Desserts) in

Under 'Drinks' and Desserts', have a list of at least 3 items each. Radio Buttons: While you can give each button an ID, is probably won't be necessary for you to do so. However, you should give all the buttons the same name in order to group them. (Otherwise, the user can click on multiple buttons in the group) 1. If the user clicks the Fade H2s inside Food' then the headings Drinks' and Desserts' will fade out over 1 second, and then fade back in. (Just the headings - you don't have to worry about the list items inside). Same thing if they click under About Me' (the 'A Little About Me' and 'Things I Like' headings should fade out and then in again) 2. Have a radio button in which you use a filter to hide the first list item for the next two categories (drinks and desserts). That is, if they click the 'Hide first item under drinks', then you would hide the 'Coffee' list item. If they choose the desserts' button, then you would hide the 'Cake' list item. 3. Have a radio button in which you use a filter to hide all items that have the word "Ice" in them (e.g. "Ice Cream" and "Iced Tea") 4. Have a button to show all list items (i.e. li that may have been hidden. There is a filter for that too! For each radio buttons, have an onclick' attribute. The value to this attribute will be executed the moment the user clicks that radio button. For at least two of the buttons, have the 'onclick' attribute invoke a a JavaScript function that you place in its usual location in the