Question

I have two partial views: Food and Drink.

I have one view with fixed left side. I want the right side to switch between Food and Drinks. Here is the place I want them both (of course not in the same time) to show:

<table width="100%">
    .................Food/Drink
</table>

I have two buttons on the right side. If button1 is clicked, the Food view should be rendered. button2 => Drink. Drink and Food should appear in the same position. How can I do this?

Answer 1

I would suggest you use jQuery hide / show methods or just toggle.

http://api.jquery.com/toggle/

If you want to dynamically load the content of those partial views you can use jQuery load

http://api.jquery.com/load/

PS. Instead of tables try using divs for your layout.