Rendering only partial view for ajax tabs

[jdk2588]

I am trying to implement better tabs and I need to use ajax tabs, so for my application, if I have three tabs
:tabs1, :tabs2, :tabs3 (all of them are of ajax types)
when I click on the tabs2 , the content of tabs1 doesn't hide , instead it stays on the page , how can I have where the content of previous tabs get removed after I click on the next tab and it shows only the content of next tab.

Thanks

[marioizquierdo]

Hi @jdk2588

It looks like you are just missing the basic CSS.
The bettertabs jquery plugin will not hide the non active content, but add the "hide" CSS class instead.
You have to add at least this rule in your stylesheets:

.bettertabs .content.hidden { display: none; }

Please take a look at the CSS reference guide for more info.