Показать сообщение отдельно
  #14 (permalink)  
Старый 29.09.2013, 17:23
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Сообщение от 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 дива.
Ответить с цитированием