[chest]

Доброго времени суток!
Помогите новичку!
Есть задумка, помогите реализовать или подскажите другие варианты реализации.
Хочу сделать сайт, задумка том, чтобы на одной странице были ссылки, а на второй информация. При чем, при нажатие на ссылку пользователя перенапрявляло именно на тот вопрос, который ему нужен, а остальные были бы скрыты+при прямом переходе на вторую страницу отображался определенный текст..
пока что реализовал это так

<script>
  function answers() {
    var currentPath = window.location.hash; // получаем якорную часть ссылки
    contentId = currentPath.substring(1); // отсекаем знак решетки, получаем id нужного блока
    contentDiv = document.getElementById(contentId); // ищем блок с заданным id
    
    if (contentDiv) {
      contentDiv.style.display = 'block'; // если есть такой блок, показываем его
    }
  }
  
  window.onload = answers;
</script>

а на первой странице при клике по ссылке вида

<a href="content_page.html#block_id">link</a>

показывает соответствующие блок.


В принципе устраивает, но как огранизовать ссылку на этой же странице, чтобы переводила на определенный Якорь и делала его видимым?
А еще тому, который видно - дисплей:ноне ???
Пока что реализовал это так:

 <script type="text/javascript"> 
$('#list_page1').css('display','block');
$('#list_page2').css('display','none');
$(document).ready(function(){
$('a[name="refchooser"]').click (function()
{
    $('#list_page1').css('display','none');
    $('#list_page2').css('display','none');
    $('#list_'+this.id).css('display','block');
 })
            });
</script>

но дело в том, что при обновление страницы (напр. f5) в таком случае, открывается первый блок...


Заранее - Огромное спасибо!

[iDeViL]

хотите дельный совет - забудьте о реализации этого на js, изучите php. Значительно проще будет сделать.