how to hide one div and display another on button click event in MVC

Question

Here is my jquery and div i want to hide tblMain and make tblmainalt visible

$("btnUpdate").click(function() {
  alert("button");
  $("tblMain").hide();
  $("tblMainAlt").show();
});

<div id="tblMainAlt" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">
<div id="tblMain" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">

your selectors are wrong - where are the dots (for classes) or hashes (for ids)? — Pete
– Pete, Commented Mar 27, 2017 at 12:07
Use like this $("#btnUpdate"), $("#tblMain").hide(); $("#tblMainAlt").show(); — RAJNIK PATEL
– RAJNIK PATEL, Commented Mar 27, 2017 at 13:15

Rana Ghosh · Accepted Answer · 2017-03-27 12:25:18Z

6

This is because you have used wrong selector. Either you have to use ID or CLASS selector. As seeing you HTML you please replace your jQuery with mine and it will worked.

$("#btnUpdate").click(function() {
  alert("button"); // Remove this line if it worked
  $("#tblMain").hide();
  $("#tblMainAlt").show();
});

edited Mar 27, 2017 at 12:25

answered Mar 27, 2017 at 12:13

Rana Ghosh

4,6745 gold badges25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nayan Patel · Accepted Answer · 2017-03-27 12:38:35Z

0

set display: none in style in tblMainAlt because loaded first time a page so hide a div.

i have add sample code so you can try it.

JQuery:-

$("#btnUpdate").click(function () {
                alert("button");
                $("#tblMain").hide();
                $("#tblMainAlt").show();
            });

 <div id="tblMainAlt" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;display: none;">

<div id="tblMain" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">

edited Mar 27, 2017 at 12:38

answered Mar 27, 2017 at 12:08

Nayan Patel

1547 bronze badges

10 Comments

Shridhar Salunkhe Over a year ago

y shld i chng button id?

Nayan Patel Over a year ago

tblMain and tblMainAlt not a tag this is a id so add "#" on below(ID Name) for example "#tblMain" and "#tblMainAlt".

Nayan Patel Over a year ago

Any reason for negative voting?

Shridhar Salunkhe Over a year ago

can anyone tell me how to access div id into action in controller?

Nayan Patel Over a year ago

why access in controller?

|

Collectives™ on Stack Overflow

how to hide one div and display another on button click event in MVC

2 Answers 2

Comments

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related