Jquery: change class of a div using onclick on multiple div's

[Emilyy]

I have a jquery code that: onlick on #icon toggles parents class, and onclick on body changes changes the class back if clicked before.What i need is to have the same thing happen when clicked on #item5 or #item4 like its clicked on #icon.\[code\]<div id="header_wrap"> <div id="logo"> </div> <div class="contact" id="ccontainer"> <div id="form"> </div> <div id="icon" ><span id="getintouch">GET IN TOUCH</span></div> </div> <div id="menu_wrap"> <ul id="menu"> <li id="item1"><a href="http://stackoverflow.com/questions/15590857/#">Home</a></li> <li id="item2"><a href="http://stackoverflow.com/questions/15590857/#">About us</a></li> <li id="item3"><a href="http://stackoverflow.com/questions/15590857/#">What we do</a></li> <li id="item4"><a href="http://stackoverflow.com/questions/15590857/#">Portfolio</a></li> <li id="item5"><a href="http://stackoverflow.com/questions/15590857/#">Contact us</a></li> </ul> </div></div>\[/code\]Jquery code....i tried writing my own to add the functionality but i cant seem to get it working.. very little experience with js/jq.\[code\]$('#icon').on('click', function(e){$(this).parent().toggleClass('contact').toggleClass('contactexpand');});$('body').on('click', function(e){$('#ccontainer').removeClass('contactexpand').addClass('contact');});$('#ccontainer').on('click', function(e){e.stopPropagation();});\[/code\]