&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js&quot;&gt;&lt;/script&gt;

Теперь пример целиком. Чтобы не разбирать его по частям и не путать Вас, прокомментирую все основные моменты прямо в нём.

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt; 
  &lt;!-- Подключаем jQuery --&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js&quot;&gt;&lt;/script&gt;

  &lt;!-- Скрипт плавного открытия и закрытия блока --&gt;
  &lt;script type=&#039;text/javascript&#039;&gt; 
    $(document).ready(function() { 
      $(&quot;A#trigger&quot;).toggle(function() { 
        // Отображаем скрытый блок 
        $(&quot;DIV#box&quot;).fadeIn(); // fadeIn - плавное появление
        return false; // не производить переход по ссылке
      },  
      function() { 
        // Скрываем блок 
        $(&quot;DIV#box&quot;).fadeOut(); // fadeOut - плавное исчезновение 
        return false; // не производить переход по ссылке
      }); // end of toggle() 
    }); // end of ready() 
  &lt;/script&gt; 

&lt;/head&gt; 
&lt;body&gt; 

  &lt;a href=&#039;#&#039; id=&#039;trigger&#039;&gt;Открыть/скрыть информацию&lt;/a&gt; &lt;!-- Всё происходит при нажатии на ссылку --&gt;
  &lt;div id=&#039;box&#039; style=&#039;display: none;padding:10px;background-color:#f1f1f1;margin:10px;width:210px;&#039;&gt;Содержимое скрытого блока&lt;/div&gt; 

&lt;/body&gt; 
&lt;/html&gt;

Не забываем, что в данном примере происходит удалённое подключение jQuery. На локалке без доступа в интернет пример работать не будет.