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 >


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 - and
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book