How to hide a div element depending on Model value MVC

Question

Here is what I have at the moment    hidden    Model IsOwnedByUser   Model CanEdit     This works fine on Chrome but doesnt hide on Internet Explorer  I tried also visibility set false but no luck   then I found out another style as below   style    Model IsOwnedByUser   Model CanEdit   display none      I could not get it worked  What is the correct format to hide an element with Razor syntax   Or I would use Jquery to hide the element  but is it actually possible print out jquery statement that would hide the element on page load

User · Answer

Try    lt div style    Model booleanVariable    display block     display none    gt Some links lt  div gt    Use the  Display  style attribute with your bool model attribute to define the div s visibility

User · Answer

Your code isn t working  because the hidden attibute is not supported in versions of IE before v11  If you need to support IE before version 11  add a CSS style to hide when the hidden attribute is present     hidden    display  none

User · Answer

The below code should apply different CSS classes based on your Model s CanEdit Property value     lt div class    Model CanEdit  visible-item   hidden-item    gt Some links lt  div gt    But if it is something important like Edit Delete links  you shouldn t be simply hiding because people can update the css class HTML markup in their browser and get access to your important link  Instead you should be simply not Rendering the important stuff to the browser    if Model CanEdit       lt div gt Edit Delete link goes here lt  div gt

[jquery] How to hide a div element depending on Model value? MVC

Examples related to jquery

Examples related to html

Examples related to asp.net-mvc

Examples related to razor