Show Hide a div using jquery in MVC 4

I'm going to explain to show and hide a div in mvc 4 using jquery.

In the step 1st,
I'm going to create view code for show and hide to div.

< div class="divImage">
    <a href="#"><img src="~/Images/icon_options.png" /></a>
< /div>

 < div class="divEdit" style="display: none;">
        < fieldset style="width:30px;">
            < legend>Edit Update Delete</legend>
             @ Html.ActionLink("Edit", "", "")
             @ Html.ActionLink("Update", "", "")
             @ Html.ActionLink("Delete", "", "")
        < /fieldset>
 < /div>

In the 2nd steps, 
I'm going to create to jQuery code for show hide div using show() and hide() method of jquery. 

< script type="text/javascript" >
    $(document).ready(function () {
         $('.divImage').hover(function () { $('.divEdit').show() });
         $('.divEdit').hover(function () { }, function () { $('.divEdit').hide() });
    });
< /script >

Thanks,
ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Buy Books Online at Best Prices

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.