Немного подождав на мой вопрос сверху, раскопал в интернете jQuery скрипт и решил внедрить ее на свой сайт.
Все подробно опишу здесь этот метод и может кому понадобиться.
Строго не судите, я еще не программист я только учусь! ))
И так.
1) Скачайте с интернета библиотеку jQuery и загрузите его в папку js вашего шаблона.
2) Создайте статичную страницу админской части сайта, назвав например faq_page. И внесите сюда следующий код через html редактор во вкладке Tools, где содержится ссылка Вопросов и спрятанные тексты Ответов. Далее Сохраните
<p><strong>1). <a id="link_faq_1" class="link_faq" href="#|">Ваш 1 вопрос на сайте?</a></strong></p>
<!-- Расскрываемся -->
<div id="form_link_faq_1" style="display: none;">
<p>Здесь впишите текст вашего ответа на 1 вопрос. Можете в формате HTML и изображениями и т.д.</p>
</div>
<!-- Закрываемся -->
<p><strong>2). <a id="link_faq_2" class="link_faq" href="#|">Ваш 2 вопрос на сайте?</a></strong></p>
<!-- Расскрываемся -->
<div id="form_link_faq_2" style="display: none;">
<p>Здесь впишите текст вашего ответа на 2 вопрос. Можете в формате HTML и изображениями и т.д.</p>
</div>
<!-- Закрываемся -->
<p><strong>3). <a id="link_faq_3" class="link_faq" href="#|">Ваш 3 вопрос на сайте?</a></strong></p>
<!-- Расскрываемся -->
<div id="form_link_faq_3" style="display: none;">
<p>Здесь впишите текст вашего ответа на 3 вопрос. Можете в формате HTML и изображениями и т.д.</p>
</div>
<!-- Закрываемся -->
3) Теперь сам скрипт очень прост, файлы скрипов будет 3 файла на 3 вопроса, на каждый вопрос 1 скрипт.
Скопируйте каждый по отдельности создав js файл и сохраните, у Вас должно получится 3 js файла.
Название файлов, должны быть выглядеть:
Название 1 файла: link_faq_1.js
В нем Код для первого Вопроса:
{
// Отбираем элемент, с которым мы будем работать (создаем объертку) и событие, на которое мы будем вешать действие
jQuery ('#link_faq_1').click(function ()
{
// Отбираем элемент с которым мы будем совершать действие и прописываем, именно что будет с ним происходить
jQuery ('#form_link_faq_1').slideDown();
jQuery ('#form_link_faq_2').slideUp();
jQuery ('#form_link_faq_3').slideUp();
});
});
Название 2 файла: link_faq_2.js
В нем Код для второго Вопроса:
{
// Отбираем элемент, с которым мы будем работать (создаем объертку) и событие, на которое мы будем вешать действие
jQuery ('#link_faq_2').click(function ()
{
// Отбираем элемент с которым мы будем совершать действие и прописываем, именно что будет с ним происходить
jQuery ('#form_link_faq_2').slideDown();
jQuery ('#form_link_faq_1').slideUp();
jQuery ('#form_link_faq_3').slideUp();
});
});
Название 3 файла: link_faq_3.js
В нем Код для третьего Вопроса:
{
// Отбираем элемент, с которым мы будем работать (создаем объертку) и событие, на которое мы будем вешать действие
jQuery ('#link_faq_3').click(function ()
{
// Отбираем элемент с которым мы будем совершать действие и прописываем, именно что будет с ним происходить
jQuery ('#form_link_faq_3').slideDown();
jQuery ('#form_link_faq_2').slideUp();
jQuery ('#form_link_faq_1').slideUp();
});
});
4) И самое последнее, завершающий этап. Нужно в вашем шаблоне сайта открыть файл head.php
И нем включить все три скрипта и jQuery библиотеку в мета тегах страницы, после этого кода в head это после 35 строки
<link rel="stylesheet" href="<?php echo osc_current_web_theme_url('css/plugins.css') ; ?>">
И у Вас должно получится вот такой код
<link rel="stylesheet" href="<?php echo osc_current_web_theme_url('css/plugins.css') ; ?>">
<script src="oc-content/themes/bitfinder/js/jquery.js" type="text/javascript"></script>
<script src="oc-content/themes/bitfinder/js/link_faq_1.js" type="text/javascript"></script>
<script src="oc-content/themes/bitfinder/js/link_faq_2.js" type="text/javascript"></script>
<script src="oc-content/themes/bitfinder/js/link_faq_3.js" type="text/javascript"></script>
И в общем то все. Ничего сложного, если посмотреть в коды все будет ясно...
Если что не получается, пишите будем разбираться....
