slideToggle(); - почти то же самое но все же
Вот и все!
- нет не все, потому что смущает два номера:
1. Класс в <li> должен совпадать с названием блока таба, ибо не сработает
2. Осталось сделать переход к новому табу без сворачивания #main
я попробовал скрыть в диве #main все блоки которые не попадают в условие -
$('ul.tabse li').click(function(){
var thisClass = this.className.slice(0,2);
if( $('ul.tabse li').hasClass('tab-curre') ) {
$('ul.tabse li').removeClass('tab-curre');
$('div.' + thisClass).fadeOut();
$('div#ololo').slideToggle();
}
else {
$('div#main div:not(.' + thisClass + ')' ).hide();
$(this).addClass('tab-curre');
$('div.' + thisClass).fadeIn();
$('div#ololo').slideToggle();
}
});
похоже на правду наверно. Последнее что нужно допереть как сделать - при клике на не нажатую ранее ссылку(таб) оставить #main развернутым и отобразить блок не нажатого таба. Или свернуть #main затем снова развернуть и показать новый блок таба.