asp.net mvc 4 tabs

Question

I\'m working on a project with Visual Studio 2010 ASP.Net MVC4 (engine view Razor) and need to make a tabs. I define this scrips and css:

Answer 1

Here is a jsfiddle for Jquery Tabs.

Step 1: Import

Step 2: Html Code

In the ‘li’ tags you need to define the tab header and for each tab header a tab content div exists, the code below is pretty self explanatory.

    
Tab Header 1
    
Tab Header 2
    
Tab Header 3



Content for Tab 1 goes here.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.



Content for Tab 2 goes here.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.



Content for Tab 3 goes here.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Step 3: Final Touch – Jquery call to tabs()

Output:

Source