python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language

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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions