wmmail.ru – cервис почтовых рассылок на главную
написать письмо
карта сайта

С чего начать?РекламодательПравилаFAQСтатистикаБиржа статейTOP100ФоткиКонтакты
Логин:
Пароль: 
Регистрация   Забыли пароль?
WMLogin
Пользователей всего:

542580

Пользователей сегодня:

70

Пользователей online:

181

Выплачено ($): 7`602`639,16
Выплат: 8`111`806
Писем прочитано: 1`024`932`430

 
 
Online 1
Все ответы
 
 

Вопрос #34212

Внимание! В разделе вопрос-ответ запрещается:

  • Мат, оскорбления, флуд, реклама
  • Сообщения, не являющиеся вопросами/ответами
  • Нарушение законодательства РФ
  • Попрошайничество в любой форме

Выделите текст и нажмите для цитирования  #  
+1   [27.08.2011 23:23] #549652

Закрытый вопрос от пользователя Яваскрипт FAQ

Хочу себе на сайт сдетать что-то вроде раздела FAQ, сайт на html. Нашёл хороший пример: http://invest-system.net/index.php?option=com_content&view=article&id=98&Itemid=204 , вот и хочу примерно скрипт, как здесь, чтоб при клике динамический отползал текст вниз. Помогите найти, а то что-то не получается найти, что хочу..

П.С НИКАКОЙ рефки тут нет, просто хороший пример скрипта.
помогу
103
не помогу
19
рейт
84
Раздел: Дизайн, Верстка, проголосовало: 206, последний комментарий: 27.08.2011 23:52
Вопрос закрыт пользователем spitfire1990
Проголосовали: ananda

Ответы
Ответов всего: 2  вопрос закрыт 
Выделите текст и нажмите для цитирования  #  
+1   [27.08.2011 23:41] #1009711   Все ответы пользователя

<style>
.question {
    background-image:url(http://invest-system.net/modules/mod_jbfaq/faq/square.png);
    background-position:left 4px;
    background-repeat:no-repeat;
    padding-left:14px;
}
.question a {
    color:#F90;
    text-decoration:none;
}
.answer {
    display:none;
}
</style>
<script>
function spoiler(e) {
    var parent = e.parentNode;
    var answer = parent.nogetElementsByTagName("div").item(0);

    if (answer.style.display == "block") {
        answer.style.display = "none";
        parent.style.backgroundImage = "url(http://invest-system.net/modules/mod_jbfaq/faq/square.png)";
    } else {
        answer.style.display = "block";
        parent.style.backgroundImage = "url(http://invest-system.net/modules/mod_jbfaq/faq/dash.png)";
    }
}
</script>
<div class="question">
    <a href="#" noonclick="spoiler(this)">1</a>
    <div class="answer">2</div>
</div>
<div class="question">
    <a href="#" noonclick="spoiler(this)">Кликни сюда</a>
    <div class="answer">Этот текст будет отображаться при клике :)</div>
</div>
<div class="question">
    <a href="#" noonclick="spoiler(this)">Вопрос #3</a>
    <div class="answer">Пример #3</div>
</div>
Проголосовали: #549652
Выделите текст и нажмите для цитирования  #  
+1   [27.08.2011 23:52] #549652   Все ответы пользователя

Благодарю, всё работает, тему можно закрывать :thumbsup:
Проголосовали: #1009711

Видеоурок

Вопрос-ответ

НОВОСТИ
21.02.2024QIWI
подробнее>>
31.12.2023С Новым 2024 Годом!
подробнее>>

© 2004-2024 «WMMAIL» Пользовательское соглашение