Автор Тема: Спойлер без JQuery  (Прочитано 428 раз)

kak2z

  • Administrator
  • Full Member
  • *****
  • Сообщений: 113
    • Просмотр профиля
Спойлер без JQuery
« : 16 Февраль 2017, 20:45 »
function collapseBlock(id)
{
mode = document.getElementById(id).style.display == "" ? 0 : 1;
document.cookie = "collapseBlockMap_" + id + "=" + (mode ? 0 : 1);
document.getElementById(id).src = smf_images_url + (mode ? "/collapse.gif" : "/expand.gif");
document.getElementById(id).style.display = mode ? "" : "none";
}

$route_collapsed = !empty($_COOKIE['collapseBlockMap_route_collapse']);

echo '
<div class="cat_bar">
<h3 class="catbg">Маршрут
<a class="sp_float_right" href="javascript:void(0);" onclick="collapseBlock(\'route_collapse\')"><img style="padding: 8px 0px 0px 0px;" id="sp_collapse_maf', $block['id'], '" src="', $settings['images_url'], $route_collapsed ? '/expand.gif' : '/collapse.gif', '" alt="*" /></a>
</h3>
</div>
<div id="route_collapse"' . ($route_collapsed ? ' style="display: none;"' : '') . '>
<div class="windowbg">
<span class="topslice"><span></span></span>
<div class="sp_block">
<div class="container">';

echo '
<div id="directions-panel"></div>';

echo '
</div>
</div>
<span class="botslice"><span></span></span>
</div>
</div>';