Javascript-форум - Изминение текста при нажатии на ссылку

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Изминение текста при нажатии на ссылку (https://javascript.ru/forum/dom-window/41782-izminenie-teksta-pri-nazhatii-na-ssylku.html)

Спасибо, и последнее, как сделать чтобы после обновления скрол остался на том же месте, тоесть страница была прокручена. Все решил надо не ссылку ,а span использовать.

Прокрутка страницы? Или div'а?

Цитата:

Сообщение от Erolast

http://learn.javascript.ru/play/YM3Le

Erolast, зачем в цикле каждый раз обращаться к методам документа? И зачем вообще использовать getElements, когда там уже подключен jQuery?

<!DOCTYPE HTML>
<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <style>
      #insert > div {
          display: none;
      }
    </style>
  </head>
  <body>
    <a href="bears" rel="insert">Bears</a>
    <a href="lions" rel="insert">Lions</a>
    <a href="cats" rel="insert">Cats</a>
    
    <div id="insert">
    	<div id="bears">Текст о медведях</div>
      	<div id="lions">Текст о львах</div>
      	<div id="cats">Текст о кошках</div>
    </div>

    <script>
      $(function() {
        var insert = $('#insert');
        $('a[rel="insert"]').click(function() {
          insert.find('div').css('display', 'none');
          insert.find('#'+$(this).attr('href')).fadeIn(300);
          return false;
        });
      });
    </script>
  </body>
</html>

В href пишем id дива.

Цитата:

insert.find('#'+$(this).attr('href')).fadeIn(300);

А fadeOut как прикрепить сюда же? Чтобы не только плавно исчезал но и появлялся.

Спасибо @ruslan_xdd, помог:

http://learn.javascript.ru/play/Lf3vgc