Как сделать код на jqery более правильный?

Question

[del993788]

Здравствуйте. Сделал сот такую штуку для сайта https://jsfiddle.net/yx608nb3/1/ . Правда, получился костыль. Подскажите, как можно этот код оптимизировать, чтобы он был короче?

Answer 1

[Александр Аксентьев]

Взять готовый код, ваш надо выкинуть.

https://jqueryui.com/tabs/
https://getbootstrap.com/javascript/#tabs

Или вот в 3 раза короче код из гугла https://codepen.io/cssjockey/pen/jGzuK

Comments

[del993788]

Неплохо. Сейчас сижу, разбираюсь с jqueryui. Подскажите, может вы знаете, как сделать так, чтобы jquery tabs при нажатии на вкладку, контент в начале плавно исчезал, а потом плавно появлялся?

[Александр Аксентьев]

qqignatqq: https://api.jqueryui.com/tabs/#option-show

Answer 2

[Ankhena]

Первое попавшееся из поиска: https://habrahabr.ru/sandbox/91471/
Гуглите по запросу JQuery tabs там видимо-невидимо примеров.

Вот нашла чей-то пример без js вообще: jsfiddle.net/ademaro/WwrsX