MVC4 hide/show section using javascript

Question

I have the following javascript embedded in my view:

<script type="text/javascript">
    var Scripts = {

        showAddressForm: function (isNew) {
            if (isNew) {
                $('#newaddress-form').show();
            } else {
                $('#newaddress-form').hide();
            }
        },
    };
</script>

The function is called on the 'onchange' event of a dropdownlist. This works fine. However, when the page is initially loaded, the form is visible. I would like it to be hidden in this part of the code:

@if (Model.Addresses.Count > 0)
{
    //Call function to hide address form   

    //List dropdownlist items here...
}

What's the correct call to do this?

David Hedlund · Accepted Answer · 2013-05-27 07:43:29Z

2

Render the form to be hidden with style="display: none;" or set it in your CSS:

#newaddress-form { display: none; }

answered May 27, 2013 at 7:43

David Hedlund

130k33 gold badges205 silver badges223 bronze badges

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

Comments

Serge · Accepted Answer · 2013-05-27 07:44:00Z

1

Why not just do...

@if (Model.Addresses.Count > 0)
{

    //Call function to hide address form   
    <script type="text/javascript">
        $(document).ready(function() {
            Scripts.showAddressForm(false);
        });
    </script>
    //List dropdownlist items here...
}

answered May 27, 2013 at 7:44

Serge

6,7325 gold badges33 silver badges58 bronze badges

1 Comment

Ivan-Mark Debono Over a year ago

This is also a valid answer.

Collectives™ on Stack Overflow

MVC4 hide/show section using javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related