We can toggle a block of content using toggle() property in jquery. When user clicking button or some other event we will implement the toggle using class propery or id of the element. Below example I will show you how to toggle.
In this article we will learn how to iterationg and modifying array with jQuery.map. We can loop each element in the array and modify the value.$.map(). The $.map() method will takes the array and callback method as argument, while iterating using substring we are taking first 3 letters.
JQuery tooltip we can use content option to specify for the tooltip. If both title and content attribute are specified then it will override and display the content attribute. If we are not using title in input tag it will not work.
I know this can be easily to be achieved with css and jQuery. You can apply style on the jQuery event onmouseover and onmouseout. When the user hovers over the menu this event will trigger I will show you how to create effects.