Изменить блоки div по клику

Question

Хорошего дня, дорогие программисты! На G + есть блок сообщений; Около; Фото; Видео https://plus.google.com/109813896768294978296/posts например, если щелкнуть «О программе», в нижней части элемента div появляется изменение, содержащее определенный контент. Насколько я понимаю, понять это не сложно, но я боюсь написать десять строк кода, это очень грязно, потому что, в дополнение к jquery, потому что я только начинающий. Может кто-то подтолкнуть на правильном пути или показать, где это уже было реализовано в демоверсии с исходным кодом? Спасибо!

<div id="109813896768294978296-posts-page" class="c-ha-If" role="tabpanel" aria-hidden="false">…</div>

<div id="109813896768294978296-about-page" class="c-ha-If c-ha-jb" role="tabpanel" aria-hidden="true">…</div>

Answer 1

При нажатии кнопки "О сообщениях" происходит две вещи. Похоже, что добавление и удаление классов CSS динамически. Что вы можете сделать с http://api.jquery.com/addClass/ и http://api.jquery.com/removeClass/.

Что касается загрузки данных в div из URL, используйте http://api.jquery.com/jQuery.get/. Получив данные, вы можете использовать http://api.jquery.com/html/.

Если вы уже загрузили все и хотите добиться переключения вкладок: http://jqueryui.com/demos/tabs/