dimapriv

http://vkpass.16mb.com/stroy/

Здравствуйте, есть многоуровневое меню на jquery, вот код. $(document).ready(function(){ $("ul li ul li ul").hide(); $("ul li ul li").height(35); $("ul li ul li a").click(function(){ $(this).next("ul").slideToggle(); }); }); <ul> <li id="execphp-2" class="widget widget_execphp"><h2 class="widgettitle">каталог</h2> <div class="execphpwidget"><ul> <li class="cat-item cat-item-40"><a href="http://www.teplocomfort68.ru/katalog/santexnika/">Сантехника</a> <ul class="children"> <li class="cat-item cat-item-41"><a href="http://www.teplocomfort68.ru/katalog/santexnika/akrilovye-vanny/">Акриловые ванны</a> </li> <li class="cat-item cat-item-42"><a href="http://www.teplocomfort68.ru/katalog/santexnika/dushevye-kabiny/">Душевые кабины</a> </li> <li class="cat-item cat-item-43"><a href="http://www.teplocomfort68.ru/katalog/santexnika/rakoviny/">Раковины</a> </li> <li class="cat-item cat-item-44"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/">Стальные ванны</a> <ul class="children"> <li class="cat-item cat-item-45"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/ctalnye-vanny-white-wave/">Cтальные ванны White Wave</a> </li> <li class="cat-item cat-item-46"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/vanny-kaldewei/">Ванны Kaldewei</a> </li> <li class="cat-item cat-item-47"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-blb/">Стальные ванны BLB</a> </li> <li class="cat-item cat-item-48"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-emalia/">Стальные ванны Emalia</a> </li> <li class="cat-item cat-item-49"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-roca/">Стальные ванны Roca</a> </li> <li class="cat-item cat-item-50"><a href="http://www.teplocomfort68.ru/katalog/santexnika/stalnye-vanny/stalnye-vanny-estap/">Стальные ванны Estap</a> </li> </ul> </li> <li class="cat-item cat-item-51"><a href="http://www.teplocomfort68.ru/katalog/santexnika/unitazy/">Унитазы</a> </li> <li class="cat-item cat-item-52"><a href="http://www.teplocomfort68.ru/katalog/santexnika/smesiteli/">смесители</a> </li> <li class="cat-item cat-item-53"><a href="http://www.teplocomfort68.ru/katalog/santexnika/mebel-dlya-vannoj/">Мебель для ванной</a> <ul class="children"> <li class="cat-item cat-item-115"><a href="http://www.teplocomfort68.ru/katalog/santexnika/mebel-dlya-vannoj/tumbs-pod-rakovinu/">Тумбы под раковину</a> </li> </ul> </li> <li class="cat-item cat-item-54"><a href="http://www.teplocomfort68.ru/katalog/santexnika/polotencesushiteli/">полотенцесушители</a> </li> </ul> </li> <li class="cat-item cat-item-55"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/">Все для водоснабжения</a> <ul class="children"> <li class="cat-item cat-item-27"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/">фитинги</a> <ul class="children"> <li class="cat-item cat-item-22"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/stalnye-fitingi/">стальные фитинги</a> </li> <li class="cat-item cat-item-31"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/chugunnye-fitingi/">чугунные фитинги</a> </li> <li class="cat-item cat-item-63"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/fitingi/latunnye-nikelirovannye-sti/">латунные никелированные фитинги STI</a> </li> </ul> </li> <li class="cat-item cat-item-56"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/obsadnaya-truba-dlya-skvazhin/">Обсадная труба для скважин</a> </li> <li class="cat-item cat-item-58"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/polipropilenovye-truby/">Полипропиленовые трубы</a> </li> <li class="cat-item cat-item-59"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/metalloplastikovye-truby-sti/">Металлопластиковые трубы STI</a> </li> <li class="cat-item cat-item-60"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/rezbovye-fitingi-sti-dlya-metalloplastikovyx-trub/">Резьбовые фитинги STI для металлопластиковых труб</a> </li> <li class="cat-item cat-item-61"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/press-fitingi-dlya-metalloplastikovyx-trub/">пресс-фитинги для металлопластиковых труб</a> </li> <li class="cat-item cat-item-62"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/mednye-truby-i-soedinitelnye-chasti/">медные трубы и соединительные части</a> </li> <li class="cat-item cat-item-64"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/trubnaya-zagotovka/">трубная заготовка</a> </li> <li class="cat-item cat-item-65"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/otvody-stalnye/">отводы стальные</a> </li> <li class="cat-item cat-item-66"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/flancy-stalnye/">фланцы стальные</a> </li> <li class="cat-item cat-item-67"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/perexody-stalnye/">переходы стальные</a> </li> <li class="cat-item cat-item-68"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/trojniki-stalnye/">тройники стальные</a> </li> <li class="cat-item cat-item-69"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zaglushki-stalnye-ellipticheskie/">заглушки стальные эллиптические</a> </li> <li class="cat-item cat-item-70"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/">запорная арматура</a> <ul class="children"> <li class="cat-item cat-item-71"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-ventili-latunnye/">клапаны (вентили) латунные</a> </li> <li class="cat-item cat-item-72"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-ventili-chugunnye/">клапаны (вентили) чугунные</a> </li> <li class="cat-item cat-item-73"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-ventili-stalnye/">клапаны (вентили) стальные</a> </li> <li class="cat-item cat-item-74"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-stalnye/">краны шаровые стальные</a> </li> <li class="cat-item cat-item-75"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-dlya-vody/">краны для воды</a> </li> <li class="cat-item cat-item-76"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-dlya-gaza/">краны для газа</a> </li> <li class="cat-item cat-item-77"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-dlya-gaza/">краны шаровые для газа</a> </li> <li class="cat-item cat-item-78"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-sti-dlya-vody/">краны шаровые STI для воды</a> </li> <li class="cat-item cat-item-79"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-sti-professional/">краны шаровые STI «Professional»</a> </li> <li class="cat-item cat-item-80"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/krany-sharovye-sti-dlya-gaza/">краны шаровые STI для газа</a> </li> <li class="cat-item cat-item-81"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/klapany-obratnye-i-predoxranitelnye/">клапаны обратные и предохранительные</a> </li> <li class="cat-item cat-item-82"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/zadvizhki/">задвижки</a> </li> <li class="cat-item cat-item-83"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/zapornaya-armatura/filtry/">фильтры</a> </li> </ul> </li> <li class="cat-item cat-item-84"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/gibkaya-podvodka/">гибкая подводка</a> </li> <li class="cat-item cat-item-85"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/sifony/">сифоны</a> </li> <li class="cat-item cat-item-92"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-vodosnabzheniya/metaloplastikovye-truby-biopipe/">Металопластиковые трубы BIOPIPE</a> </li> </ul> </li> <li class="cat-item cat-item-86"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/">Все для теплоснабжения</a> <ul class="children"> <li class="cat-item cat-item-87"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/radiatory/">Радиаторы отопления</a> <ul class="children"> <li class="cat-item cat-item-30"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/radiatory/chugunnye-radiatory/">чугунные радиаторы</a> </li> <li class="cat-item cat-item-88"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/radiatory/alyuminievye-i-bimetallicheskie-radiatory-sti/">алюминиевые и биметаллические радиаторы STI</a> </li> </ul> </li> <li class="cat-item cat-item-89"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/gazovye-protochnye-vodonagrevateli/">Газовые проточные водонагреватели</a> </li> <li class="cat-item cat-item-90"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/kotly-otopleniya/">Котлы отопления</a> </li> <li class="cat-item cat-item-91"><a href="http://www.teplocomfort68.ru/katalog/vse-dlya-teplosnabzheniya/elektricheskie-nakopitelnye-vodonagrevateli/">Электрические накопительные водонагреватели</a> </li> </ul> </li> <li class="cat-item cat-item-93"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/">Стройматериалы</a> <ul class="children"> <li class="cat-item cat-item-94"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/">сэндвич-панели</a> <ul class="children"> <li class="cat-item cat-item-95"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-st-sendvich-panel-s-otkrytym-zamkom/">BALEXTHERM ST сэндвич-панель с открытым замком</a> </li> <li class="cat-item cat-item-96"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-plus-sendvich-panel-so-skrytym-zamkom/">BALEXTHERM Plus сэндвич-панель со скрытым замком</a> </li> <li class="cat-item cat-item-97"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-ch-sendvich-panel-dlya-xolodilnyx-kamer/">BALEXTHERM CH сэндвич-панель для холодильных камер</a> </li> <li class="cat-item cat-item-98"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/balextherm-d-krovelnaya-sendvich-panel/">BALEXTHERM D кровельная сэндвич-панель</a> </li> <li class="cat-item cat-item-99"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/pws-stenovaya-sendvich-panel-s-napolnitelem-iz-polistirola/">PWS стеновая сэндвич-панель с наполнителем из полистирола</a> </li> <li class="cat-item cat-item-100"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/sendvich-paneli/pwd-krovelnaya-sendvich-panel-s-napolnitelem-iz-polistirola/">PWD кровельная сэндвич-панель с наполнителем из полистирола</a> </li> </ul> </li> <li class="cat-item cat-item-101"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/teploizolyaciya/">теплоизоляция</a> </li> <li class="cat-item cat-item-102"><a href="http://www.teplocomfort68.ru/katalog/strojmaterialy/metizy/">метизы</a> </li> </ul> </li> <li class="cat-item cat-item-103"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/">Трубы канализационные</a> <ul class="children"> <li class="cat-item cat-item-104"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/vnutrennyaya-kanalizaciya-sinikon/">Внутренняя канализация СИНИКОН</a> </li> <li class="cat-item cat-item-105"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/naruzhnaya-kanalizaciya-sinikon-universal/">Наружная канализация — SINIKON Universal</a> </li> <li class="cat-item cat-item-106"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/chugunnye-truby/">чугунные трубы</a> </li> <li class="cat-item cat-item-107"><a href="http://www.teplocomfort68.ru/katalog/truby-kanalizacionnye/polimernye-truby/">полимерные трубы</a> </li> </ul> </li> </ul> #wrapper #container #contentwrap ul li { //background-image: url(/images/i_header.png); padding: 10px 0 10px 10px; font-size: 16px; line-height: 16px; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; color: #505050; } #wrapper #container #contentwrap ul { background-image: url(images/m_back.png); background-repeat: repeat-y; cursor:pointer } #wrapper #container #contentwrap ul li ul{ background-image: none; } #wrapper #container #contentwrap ul li ul li{ background-image: url(images/i_header.png); margin-left:-22px; margin-top:-12px; background-repeat: no-repeat; } #wrapper #container #contentwrap ul li ul li a{ color:white; line-height:5px; } #wrapper #container #contentwrap ul li ul li ul li a:hover{ color:# } #wrapper #container #contentwrap ul li ul li ul li ul{ width:200px; background-color:#fdfad5; } #wrapper #container #contentwrap ul li ul li ul li { background-image:none; margin-left:15px; font-size: 13px; padding: 10px 0 0 10px; margin-top: 10px; margin-left:0px; } #wrapper #container #contentwrap ul li ul li ul li ul li { background-image:none; width:200px; } #wrapper #container #contentwrap ul li ul li ul li ul li a{ border: none; line-height: 15px; } #wrapper #container #contentwrap ul li ul li ul li a:hover { background-image: url(images/arrow.png); background-repeat: no-repeat; background-position: left center; } #wrapper #container #contentwrap ul li ul li ul li a { padding-left:15px; } #wrapper #container #contentwrap ul li ul li ul { margin-top:15px; } #wrapper #container #contentwrap ul li ul li ul li a { color:#61625f; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8e8e8; } При открытии отображаются подпункты, но высота блока в 35px не убирается(её надо сделать auto, а при повторном клике, т.е. когда подпункты убираются, опять поставить 35px) Как это сделать?

Avalon4eg, огромное спасибо! Всё работает

Avalon4eg, нужно ли подключать сторонний скрипт таким образом? <script type="text/javascript" src="jquery.js"></script>

Должно строиться динамически, должна загружаться страница, путь к которой написан в value. В первом сообщении я привёл код, но там загрузка происходит от клика по элементу(div, span и тд.) с указанным id.

Avalon4eg, извините я не сильно силён в javascript, можете расписать подробней?

Здраствуйте, есть в div в который должена загружаться страница через ajax, есть выпадающий список(select). Как сделать, чтобы при выборе определённого значения в списке в div подгружаласть страница ? Вод код ajax: $(document).ready(function(){ $('#loding_form_comment').click(function(){ $.ajax({ url: "add_comment.html", cache: false, success: function(html){ $("#content").html(html); } }); }); $('#loding_form_search').click(function(){ $.ajax({ url: "search.html", cache: false, success: function(html){ $("#content").html(html); } }); }); $('#st').click(function(){ $.ajax({ url: "1.html", cache: false, success: function(html){ $("#stl").html(html); } }); });