вопрос
На данный момент у меня одна кнопка, нажав на которую открывается стандартный блок комментариев. Как мне сделать блок комментариев с тремя вкладками (нажав на одну из трех кнопок появляется один из 3-х блоков комментариев)
Код html... конечно сдесь основное внимание уделяется jQuery, но я вообще не знаю jQuery (((
вот картинка как бы мне хотелось:
Код html... конечно сдесь основное внимание уделяется jQuery, но я вообще не знаю jQuery (((
<div class="com-block">
<div class="com-title">
<a class="addcom-btn" onclick="$('#addcform').toggle();return false;"><b>Добавить комментарий</b></a>
[comments]Комментарии[/comments]
<div class="clr"></div>
</div> {addcomments}
{comments}
</div>
вот картинка как бы мне хотелось:
В main.tpl подключаешь jquery
Если уже подключено то можно пропустить.
В файле addcomments.tpl убрать всё лишнее. В самое начало добавить
В нужное место вставить
Всё должно заработать.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Если уже подключено то можно пропустить.
В файле addcomments.tpl убрать всё лишнее. В самое начало добавить
<script>
(function($) {
$(function() {
$('ul.tabs').on('click', 'li:not(.current)', function() {
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
})
})
})(jQuery)
</script>
В нужное место вставить
<div class="section">
<ul class="tabs">
<li class="current">У нас</li>
<li>Вконтакте</li>
<li>Фейсбук</li>
</ul>
<div class="box visible">
Тут код коментов с сайта
</div>
<div class="box">
Тут код коментов с контакта
</div>
<div class="box">
Тут код коментов с фейсбука
</div>
</div>
Всё должно заработать.