How to Show and Hide Div using C# in MVC 2 aspx

Question

I am a newbie in doing MVC and got stucked in middle someone guide me.

I want to hide div in view based on controller action.

View code:

<div id="mudetails" runat="server" style="width: 99%; padding-top: 4%">
</div>

this is my parent div inside content is present.

Controller code.

public ActionResult Index()
        {  
            // div "mudetails" should not apper
            return View();
        }

 public ActionResult Index(string textbox)
        {
               // div "mudetails" should apper

        }

In pageload the div should not apper but when ActionResult Index(string textbox) action is triggerd the div should appear.. I tried but not able to find correct solution.

Adrian Wragg · Accepted Answer · 2013-07-11 13:51:30Z

3

You need to return something in your model to indicate whether or not it should display. At its simplest:

    public ActionResult Index()
    {  
        // div "mudetails" should not apper
        return View(false);
    }

    public ActionResult Index(string textbox)
    {
       // div "mudetails" should apper
       return View(true);
    }

and then in your view:

    @Model bool

    @if (model) {
        <div id="mudetails" runat="server" style="width: 99%; padding-top: 4%">
        </div>
    }

answered Jul 11, 2013 at 13:51

Adrian Wragg

7,4193 gold badges30 silver badges52 bronze badges

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

Comments

Nawed Nabi Zada · Accepted Answer · 2013-07-11 14:00:51Z

2

public ActionResult Index()
  {  
        // div "mudetails" should not apper
        mudetails.Visible = false;
        return View();
    }

public ActionResult Index(string textbox)
    {
           // div "mudetails" should apper
              mudetails.Visible = true;

}

answered Jul 11, 2013 at 14:00

Nawed Nabi Zada

2,8745 gold badges31 silver badges44 bronze badges

Comments

David Colwell · Accepted Answer · 2013-07-11 13:56:22Z

0

You might want to put something like this in your controller

    public ActionResult Index()
    {  
        ViewBox.ShowDetails = false;
        return View();
    }

    public ActionResult Index(string textbox)
    {
           ViewBox.ShowDetails = true;

    }

Then in your view you can use the following

@if (ViewBox.ShowDetails) {
    <div id="mudetails" runat="server" style="width: 99%; padding-top: 4%">
    </div>
}

answered Jul 11, 2013 at 13:56

David Colwell

2,60023 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to Show and Hide Div using C# in MVC 2 aspx

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related