jquery slide out menu

i came across a jquery slide out menubar here http://tympanus.net/Tutorials/UIElements/SlideOutMenu/ . its a mouse over menu bar made with jquery . however i would like to know if the slide out can be brought out through a click rather than a mouse over .

here is the source :

here is the CSS :

 

replace
$arrow.bind('mouseenter',function(){
with
$arrow.bind('click',function(){

 

thanks a lot for your reply , i would try that out . also can i put a dropdown on the items/categories that slide out when i click on the menu http://tympanus.net/Tutorials/UIElements/SlideOutMenu/