Мой спойлер

вставляете скрипт в header_global.tpl :

<script type="text/javascript" language="JavaScript">
<!--
function openClose(id)
{
var obj = "";
if(document.getElementById)
obj = document.getElementById(id).style;
else if(document.all)
obj = document.all[id];
else if(document.layers)
obj = document.layers[id];
else
return 1;
if(obj.display == "")
obj.display = "none";
else if(obj.display != "none")
obj.display = "none";
else
obj.display = "block";
}
//-->
</script>




приминение:
например надо закрыть/открыть блок <div id="spoiler">------</div>
<a onclick="openClose('spoiler');" href="javascript:void(0);>OPEN/CLOSE</a>

можно использовать и по другому:
<div onclick="openClose('spoiler');">бла бла бла</div>


а можно использовать и так, для закрытия блока:
<div id="1">
<a onclick="openClose('1');openClose('2');" href="javascript:void(0);>CLOSE</a>
testing
</div>
<div id="2">
<a onclick="openClose('1');openClose('2');" href="javascript:void(0);>OPEN</a>
</div>

Не конфликтует ни с одним скриптом или плагином.
юзайте на здоровье

А если оставить несколько первых строк несворачиваемыми, а все остальные под ними сворачивать-разворачивать?
Код какой будет?

лови:

ТЕКСТ, пишем тут ченить
<div id="2"><a onclick="openClose('2');openClose('3');" href="javascript:void(0);> Развернуть </a></div>
<div id="3">
тут еще какойнибудь текст, если нажали кнопку "развернуть"
<a onclick="openClose('2');openClose('3');" href="javascript:void(0);> Свернуть </a>
</div>

незабудь тыкнуть спасибо

Усложню задачу)))
вместо div-вов: вертикальный список из ul и li

Усложню задачу)))
вместо div-вов: вертикальный список из ul и li

А это список:

Вывод первых 5: в тпл файле где section подставь max=5 типа {section max=5}
<ul >
<li></li>
</ul>

потом все остальные , после 5 ( тоже самое только start=5 кавычки ненужны)


<ul >
<li>СПИСОК ИЗ 5ти первых например</li>
</ul>
<div id="1" <a onclick="openClose('1');openClose('2');">ЕЩЕ</div>
<div id="2">
<ul >
<li></li>
</ul>
</div>
<div id="3"> <a onclick="openClose('1');openClose('2');openClose('3');">Свернуть список</div>


вроде должно сработать. если ошибся то не ругайтесь, голова болит, сейчас спать пойду

Идем дальше )))

Дело в том, что эти категории прописываются через админку и являются - динамическими. Каким образом прописать первые 5?
Вот кусок кода отвечающий за вывод этих Категорий:

PHP:

<div class='headericon'>
<ul>
      {section name=categorie_loop loop=$categories}
          <li class="user_music_row{$smarty.section.categorie_loop.index%2}">
              <a href="m2bmusic_home.php?cat_id={$categories[categorie_loop].musiccat_id}" 
{if $smarty.section.categorie_loop.index + 1 == $categories|@count}style=""{/if} >{$categories[categorie_loop].musiccat_title}</a></li>
{assign var=index value=$smarty.section.categorie_loop.index}
      {/section}                         
</ul>
</div>

{section name=categorie_loop loop=$categories max=5}


{section name=categorie_loop loop=$categories start=5}

у меня не получается со стандартным

PHP:

  {* SHOW PROFILE CATS AND FIELDS *}      {section name=cat_loop loop=$cats}        {section name=subcat_loop loop=$cats[cat_loop].subcats}          <div class='profile_headline{if !$smarty.section.subcat_loop.first}2{/if}'><b>{lang_print id=$cats[cat_loop].subcats[subcat_loop].subcat_title}</b></div>                        <table cellpadding='0' cellspacing='0'>            {* LOOP THROUGH FIELDS IN TAB, ONLY SHOW FIELDS THAT HAVE BEEN FILLED IN *}            {section name=field_loop loop=$cats[cat_loop].subcats[subcat_loop].fields}              <tr>              <td valign='top' style='padding-right: 10px;' nowrap='nowrap'>                {lang_print id=$cats[cat_loop].subcats[subcat_loop].fields[field_loop].field_title}:              </td>              <td>                <div class='profile_field_value'>{$cats[cat_loop].subcats[subcat_loop].fields[field_loop].field_value_formatted}</div>                {if $cats[cat_loop].subcats[subcat_loop].fields[field_loop].field_special == 1 && $cats[cat_loop].subcats[subcat_loop].fields[field_loop].field_value|substr:0:4 != "0000"} ({lang_sprintf id=852 1=$datetime->age($cats[cat_loop].subcats[subcat_loop].fields[field_loop].field_value)}){/if}              </td>              </tr>            {/section}            </table>                  {/section}      {/section}      {* END PROFILE TABS AND FIELDS *}

как сделать чтобы перед спойлером развернуть было только 3 строки инфы- ну как в вконтакте наподобии!?

че?