CCNA, CCNP, MCSA, CCNA Final Exam, All Answer Test Module With 100/100

I have got many dropdowns in my site and i want to make a reusable function with jquery so i can save a lot of code just by a single function. Can any one help me out in this regard... For an example <div id="clickMe"> <div id="showMe"> <div>I am dropdown item</div> </div> </div> right now i am using it like this way... $(document).ready(function() { $("#clickMe").click(function(e) { e.preventDefault(); $("#showMe").toggle(); $("#clickMe").toggleClass("menu-open"); }); $("#showMe").mouseup(function() { return false }); $(document).mouseup(function(e) { if($(e.target).parent("#clickMe").length==0) { $("#clickMe").removeClass("menu-open"); $("#showMe").hide(); } }); }); but now i want to make it more reusable... Thanks in advance..