Показать сообщение отдельно
  #1 (permalink)  
Старый 08.03.2009, 17:10
Новичок на форуме
Отправить личное сообщение для BuTbka Посмотреть профиль Найти все сообщения от BuTbka
 
Регистрация: 08.03.2009
Сообщений: 4

Отрыть DIV блок при переходе с другой страницы
Есть скрипт, который по клику открывает/закрывает div блок(использует jquery). Как сделать так, чтобы в ссылке на эту страницу можно было указывать какой div блок открыть. Заранее спасибо.
<html lang="ru">
<head><title>Open/close</title>
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
</head>
<body>

<style type="text/css">
body {
        background-color: #FFFFFF;
        color: #2B4157;
        scrollbar-base-color: #AEC9E4;
        scrollbar-arrow-color:  #45688B;
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom: 20px;
        margin-right: 20px;
}

.spoiler-wrap {
        width: 100%; margin: 6px auto; clear: both; background: #E9E9E6;
        border: solid #C3CBD1; border-width: 1px 1px 1px 2px;
}
.spoiler-head {
        font-size: 12px; padding: 1px 14px 3px; margin-left: 0px; line-height: 15px;
}
.spoiler-body {
        padding: 1px 6px 2px; display: none;
        border-top: 1px solid #C3CBD1; background: #F5F5F5;
}

.clickable { cursor: pointer; }

.folded, .folded2 { display: block;
        background: transparent url(img/icon_plu.gif) no-repeat left center; padding-left: 14px; }
.unfolded, .unfolded2 { display: block;
        background: transparent url(img/icon_min.gif) no-repeat left center; padding-left: 14px; }

</style>

<script language="JavaScript" type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
<!--
function initSpoilers(context)
{
var context = context || 'body';
$('div.spoiler-body').each( function() {
var code = $(this).find('textarea').text();
if(code) $(this).html(code);
});
$('div.spoiler-head', $(context)).click(function() {
var code = $(this).next('div.spoiler-body').find('textarea').text();
if(code) $(this).next('div.spoiler-body').html(code);
$(this).toggleClass('unfolded');
$(this).next('div.spoiler-body').slideToggle('fast');
});
}
$(document).ready(function(){
initSpoilers('body');
initForums('body');
});
//-->
</script>

<div class="spoiler-wrap">
 <div class="spoiler-head folded clickable">1</div>
 <div class="spoiler-body">Text<div class="clear"></div>
</div><!--/spoiler-body-->
</div><!--/spoiler-wrap-->

<div class="spoiler-wrap">
 <div class="spoiler-head folded clickable">2</div>
 <div class="spoiler-body">Text<div class="clear"></div>
</div><!--/spoiler-body-->
</div><!--/spoiler-wrap-->

</body></html>
Ответить с цитированием