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

[flagpole]

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 can't 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\]