Question

What would be the best way to add/remove a css class to a div from the controller?

I have a div in a razor view like so (simplified)

<div id="divToToggle" class="hidden">
     //content
</div>

In my controller, depending if there is content or not, I want to add or review that class=”hidden”.

if (model.name.HasAValue())
{
    model.company = Method();
    //Toggle div to visible here.
}

I have thought about making a new property in the model and setting that value and then in the razor view doing like class=”@Model.CssName” However, I have numerous tabs to deal with and don’t want to clutter the model up with another set of css properties. What would be the most efficient way to do this?

Answer 1

In view you can do:

<div id="divToToggle" class=@(model.name.HasAValue()?"hidden":"visible")> 
 //content 
</div>