Переход из display в display: none при onclick?

Question

[AlohaAlohaAloha]

Господа, доброго дня

Собственно вот в чем беда.
Рисую страницы, но получил пинок от своего dev'а.
Немного что-то понимаю в скриптах, но не настолько.. На Вас уповаю.

Проблема вот в чем. Вот пример - www.jaredatchison.com
На первой странице, почти в самом конце страницы есть блок See what my clients say. При нажатии на одну из фото, контент меняется на другой. Я так понимаю, что в стиле по-умолчанию в одном забито display:none и после нажатия на иконку, появляется второй комментарий. И наоборот само собой.

Кто нибудь может помочь мне реализовать похожее на jQuery? Буду безмерно благодарен.

Заранее благодарен.

Comments

[lega]

Можете попробовать Angular Light, будет проще чем с jQuery, см. habrahabr.ru/post/272125

Answer 1

[Ivanq]

В исходниках надо уметь рыться. 1 минута ковыряния в коде дает

$('.testimonial-bio').removeClass('active');
  $('#testimonial-bio-' + id).addClass('active');
  $('.testimonial-content').slideUp('fast');
  $('#testimonial-content-' + id).slideToggle();

Answer 2

[AlohaAlohaAloha]

Ivanq, спасибо.
Подскажите, где именно нужно уметь рыться?
"Inspect page" - а далее?

Comments

[Ivanq]

У меня в лисе я просто выбираю элемент, а около него стоит надпись ev. Жмешь, он показывает список событий. Те, у которых написано jQuery - не надо смотреть. А один onclick там был как раз с таким кодом.
В хроме я такого не нашел, а жаль.

[Ivanq]

А, в хроме есть. Выбираете элемент, Инспектировать Элемент. Справа окошко со стилями. В нем выбираете вкладку Event Listeners. Показаны названия событий. Жмете на треугольник у название - открывается список. Смотрите их по очереди, нажимаете на название файла (синим, справа от описания тега), ждете минут десять, пока Chrome соблаговолит откликнуться ), потом переходит во вкладку с кодом, там в окне как раз курсор на строчке обработчика.