Как реализовать такие табы?

Question

[Юрий Кучеренко]

Все хай! возникла проблема, как реализовать такие табы? (Табы под надписью "Services" справа а контент который меняется это картинка и текст слева) Все решения что я не смотрел не предполагают что табы будут одно целое с блоками где контент, а тут же они должны быть вообще в другом блоке справа а меняющийся контент - слева. Может у кого уже был опыт создания такого, подскажите пожалуйста

Answer 1

[Михаил Горячкин]

Если без ajax-са, то топорная заготовка вот. Но тут конечно лучше делать через ajax.

Comments

[Юрий Кучеренко]

Спасибо большое, а есть на чистом css а не LESS?

[Михаил Горячкин]

Переписал, смотрите там же.

[Юрий Кучеренко]

спасибо, выручили новичка)

Answer 2

[IceJOKER]

ul
li
li
li
....

При клике меняете содержимое контента и все, предлагаю ajax-ом подгружать , т.е. при первом клике данные подгружаются, а потом hide/show

Если все же не поняли, что нужно делать.
То поищите сначала информацию про селекторы jQuery(лучше юзать его), а потом обработать клики, после поищите методы show()/hide() и посмотрите как они работают, далее можете поискать $.ajax()/$.get()/$.load() .
Осталось просто соединить все это воедино )