Plusoft.ru - скрипты и шаблоны для вебмастера UCOZ и DLE

<script language="javascript" type="text/javascript" src="mootools.js"></script>
<style type="text/css">
#search {width:430px;height:20px;margin:0 auto; background-repeat:no-repeat; overflow:hidden;}
</style>

&lt;div id="search"&gt;
&lt;div id="more"&gt;&lt;a href="#" &gt;Расширеный поиск&lt;/a&gt;&lt;/div&gt;
<p style="padding-left: 30px;">&lt;div align="left" id="fl" style="width:400px;display:block;clear:both;height:0px" &gt;&lt;br /&gt;</p>
<p style="padding-left: 30px;">Город
&lt;select name="town"&gt;
&lt;option value="0"&gt;Любой&lt;/option&gt;
&lt;option value='1'&gt;Алмата&lt;/option&gt;
&lt;option value='2'&gt;Астана&lt;/option&gt;
&lt;option value='3'&gt;Караганда&lt;/option&gt;
&lt;/select&gt;&lt;br /&gt;
Форма обучения
&lt;select name="type"&gt;
&lt;option value="0"&gt;Любая&lt;/option&gt;
&lt;option value='1'&gt;Очная&lt;/option&gt;
&lt;option value='2'&gt;Очно-заочная&lt;/option&gt;
&lt;option value='3'&gt;Заочная&lt;/option&gt;
&lt;option value='4'&gt;Экстернат&lt;/option&gt;
&lt;/select&gt;&lt;br /&gt;
Тип учебного заведения
&lt;select name="cat"&gt;
&lt;option value="0"&gt;Любой&lt;/option&gt;
&lt;option value='1'&gt;Университет&lt;/option&gt;
&lt;option value='6'&gt;Академия&lt;/option&gt;
&lt;option value='8'&gt;Школы&lt;/option&gt;
&lt;option value='7'&gt;Институт&lt;/option&gt;
&lt;/select&gt;&lt;br /&gt;</p>
<p style="padding-left: 30px;">Организационноправовая форма
&lt;select name="pravo"&gt;
&lt;option value="0"&gt;Любая&lt;/option&gt;
&lt;option value='1'&gt;Государственный вуз&lt;/option&gt;
&lt;option value='2'&gt;Негосударственны вуз&lt;/option&gt;
&lt;/select&gt; &lt;br /&gt;</p>
<p style="padding-left: 30px;">Специальность
&lt;select name="spec"&gt;
&lt;option value="0"&gt;Любая&lt;/option&gt;
&lt;option value='1'&gt;Прикладная математика&lt;/option&gt;
&lt;option value='2'&gt;Биология&lt;/option&gt;
&lt;option value='3'&gt;Астрономия&lt;/option&gt;
&lt;option value='4'&gt;Экономические&lt;/option&gt;
&lt;/select&gt;
&lt;div&gt;&lt;a href="#" &gt;Искать&lt;/a&gt;&lt;/div&gt;
&lt;/form&gt;</p>
<p style="padding-left: 30px;">&lt;/div&gt;</p>

<p style="padding-left: 30px;">&lt;script language="javascript"&gt;</p>
<p style="padding-left: 30px;">//Назначаем какое событие должно произойти на ссылке
$('more').addEvent('click',function(){</p>
<p style="padding-left: 30px;">//выбираем элемент из стиля с которым будет происходить действие
if($('fl').getStyle('height')=='0px'){</p>
<p style="padding-left: 30px;">//назначаем переменную
var myFx = new Fx.Tween($('fl'));</p>
<p style="padding-left: 30px;">//Если при клике по ссылке высота в стиле fl=0, то она становится 160px
myFx.start('height', '0', '160px');
}else{
var myFx = new Fx.Tween($('fl'));</p>
<p style="padding-left: 30px;">//Если при клике по ссылке высота в стиле fl=160, то она становится 0px
myFx.start('height', '160px', '0');
}</p>
<p style="padding-left: 30px;">//проделываем те же действия с блоком "search"
if($('search').getStyle('height')=='20px'){
var myFx = new Fx.Tween($('search'));
myFx.start('height', '20px', '200px');
}else{
var myFx = new Fx.Tween($('search'));
myFx.start('height', '200px', '20px');
}
});</p>
<p style="padding-left: 30px;">&lt;/script&gt;</p>