ОБСУЖДЕНИЕ

нужен кусок кода

10 сообщений1 просмотровОткрыта
#1
ребята дайте кусок кода
которим можно прятать и наоборот откривать текст
например есть +++ нажал на них и снизу появилса текст нажал есче раз и он спряталса
#2
спойлер что ли?
#3
вроде да
#4
<!DOCTYPE html>
<html>
<head>
<!-- Подключаем jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<!-- Скрипт плавного открытия и закрытия блока -->
<script type='text/javascript'>
$(document).ready(function() {
$("A#trigger").toggle(function() {
// Отображаем скрытый блок
$("DIV#box").fadeIn(); // fadeIn - плавное появление
return false; // не производить переход по ссылке
},
function() {
// Скрываем блок
$("DIV#box").fadeOut(); // fadeOut - плавное исчезновение
return false; // не производить переход по ссылке
}); // end of toggle()
}); // end of ready()
</script>

</head>
<body>

<a href='#' id='trigger'>Открыть/скрыть информацию</a> <!-- Всё происходит при нажатии на ссылку -->
<div id='box' style='display: none;padding:10px;background-color:#f1f1f1;margin:10px;width:210px;'>Содержимое скрытого блока</div>

</body>
</html>
#5
kosmocms, неработает етот код
#6
это такой нужен?
#7
буду с компа, кину код
#8
Из ротора дёрни :)
#9
dominik, да такой
#10
darkil,
PHP
function xbbSpoiler(obj)
{
    var obj_content = obj.parentNode.parentNode.getElementsByTagName('div')[1];
    var obj_text_show = obj.getElementsByTagName('span')[1];
    var obj_text_hide = obj.getElementsByTagName('span')[0]; 
 
    if (obj_content.style.display != '') {
        obj_content.style.display = '';
        obj_text_show.style.display = '';
        obj_text_hide.style.display = 'none';
    } else {
        obj_content.style.display = 'none';
        obj_text_show.style.display = 'none';
        obj_text_hide.style.display = '';
    }
    return false;
}



CODE
Создаем файл Spoiler.php и поместите в него следующий код: 


PHP
class Xbb_My_Spoiler extends bbcode
{
    public $behaviour = 'div'; 
 
    /* Описываем конвертацию в HTML */
    function get_html() {
        if (isset($this->attrib['spoiler']) && $this->attrib['spoiler']) {
            $title = htmlspecialchars($this->attrib['spoiler']);
        } else {
            $title = 'скрытый текст';
        }
        $result = '<div class="bbSpoiler">'
                . '<div class="bbSpoilerTitle">'
                . '<a href="#" onclick="return xbbSpoiler(this)">'
                . '<span><strong>[+] ' . $title . '</strong></span>'
                . '<span style="display:none">'
                . '<strong>[-] ' .$title . '</strong>'
                . '</span>'
                . '</a>'
                . '</div>'
                . '<div class="bbSpoilerText" style="display:none">'
                . parent::get_html($this->tree)
                . '</div>'
                . '</div>';
        return $result;
    }
}