Aroused

SelenIT навёл на мысль =) КУЛЬМИНАЦИЯ <script type="text/javascript"> var current = null; $(document).ready(function(){ $(".clients_wrapper").hide(); $(".work_wrapper").hide(); $(".services_wrapper").hide(); $("#clients").click( function(){ if (current == null) { $("#clients_wrp").show("slide", { direction: "right" }, 1100); current = $("#clients_wrp"); return false; }; if (current != null) { $(current).hide("slide", { direction: "left" }, 1100); $("#clients_wrp").show("slide", { direction: "right" }, 1100); current = $("#clients_wrp"); return false; } }); $("#work").click( function(){ if (current == null) { $("#work_wrp").show("slide", { direction: "right" }, 1100); current = $("#work_wrp"); return false; }; if (current != null) { $(current).hide("slide", { direction: "left" }, 1100); $("#work_wrp").show("slide", { direction: "right" }, 1100); current = $("#work_wrp"); return false; } }); $("#services").click( function(){ if (current == null) { $("#services_wrp").show("slide", { direction: "right" }, 1100); current = $("#services_wrp"); return false; }; if (current != null) { $(current).hide("slide", { direction: "left" }, 1100); $("#services_wrp").show("slide", { direction: "right" }, 1100); current = $("#services_wrp"); return false; } }); }); </script>

Круто, круто. Только как это делается? Может if(clients && work && services) && Логическое И. Возвращает последний операнд, если все операнды верны. Если хоть один из операндов неверен, то возвратит первый неверный операнд. Может можно как-то по не верному работать?

Нет, не работает. Не работает в клиентс конкретно то, что дописал- if (!services) { $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } if (services) { $(".services_wrapper").hide("slide", { direction: "left" }, 1100); $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; }

Здесь анимация закрытия происходит одновременно у всех div даже не активных //Js $(document).ready(function(){ $("#contentclients").hide(); $("#contentwork").hide(); $("#contentservices").hide(); $("#menu a").click(function() { //reset $(".content").hide("slide", {direction: "left" }, 1100);; $("#menu .active").removeClass("active"); //act $(this).addClass("active") var id = $(this).closest("li").attr("id"); $("#content" + id).show("slide", { direction: "right" }, 1100); }); }); //Html <div id="contentclients" class="content"> <div id="contentwork" class="content"> <div id="contentservices" class="content">

Я понял что в 1 событии можно использовать только 2 булевые переменные. var work = false; var clients = false; var services = false; $(document).ready(function(){ $(".clients_wrapper").hide(); $(".work_wrapper").hide(); $(".services_wrapper").hide(); $("#clients").click( function(){ if (!work) { $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } if (work){ $(".work_wrapper").hide("slide", { direction: "left" }, 1100); $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } if (!services) { $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } if (services) { $(".services_wrapper").hide("slide", { direction: "left" }, 1100); $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } }); $("#work").click( function(){ if (!clients) { $(".work_wrapper").show("slide", { direction: "right" }, 1100); work = true; return false; } if (clients) { $(".clients_wrapper").hide("slide", { direction: "left" }, 1100); $(".work_wrapper").show("slide", { direction: "right" }, 1100); work = true; return false; } }); $("#services").click( function(){ if (!clients) { $(".services_wrapper").show("slide", { direction: "right" }, 1100); services = true; return false; } if (clients) { $(".clients_wrapper").hide("slide", { direction: "left" }, 1100); $(".services_wrapper").show("slide", { direction: "right" }, 1100); services = true; return false; } }); });

DrStrangeLove Я имел ввиду вот : var work = false; var clients = false; var services = false; $(document).ready(function(){ $(".clients_wrapper").hide(); $(".work_wrapper").hide(); $(".services_wrapper").hide(); $("#clients").click( function() { if (work = false) { $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } if (work = true){ $(".work_wrapper").hide("slide", { direction: "left" }, 1100); $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } if (services = false) { $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } if (services = true){ $(".services_wrapper").hide("slide", { direction: "left" }, 1100); $(".clients_wrapper").show("slide", { direction: "right" }, 1100); clients = true; return false; } }); //////и т.д. Но действительно ничего не работает, хотя по моему мнению всё логично...

Ну, я же могу помимо work и clients переменных увеличить количество.. А так-же увеличить количество if для каждого события. Кароче, я это пойму когда начну реализовывать.. Все равно это меня реально продвинуло, огромное спасибо!!!

Кажется, решил твою задачку.. Посмотри, это хоть подобие того, чего ты хотел?? Я реально в шоке! Даже не могу в это поверить! Я с этим 4 дня парился! В чем фишка??? КАК? if (!work) Что значит "!"? if (work)

Ну, мне 2 клик по активной ссылке не нужен, тут вопрос в том, чтобы по клику если какой-то див активен он уезжал, и выезжал новый.

Да, замечательная идея, только при закрытии, появляются все дивы и происходит анимация hide для всех, а не для конкретно открытого дива. Я подумал можно сделать так: $(document).ready(function(){ $("#clients_wrp").hide(); $("#work_wrp").hide(); var clientsv = 0; //здесь var workv = 0; //здесь $("#clients").click( function(){ $("#clients_wrp").show("slide", { direction: "right" }, 1100); var clientsv = 1; //здесь return false; }, function(){ $("#work_wrp").hide("slide", { direction: "left" }, 1100); if (workv) value = 1; //здесь return false; }); $("#work").click( function(){ $("#work_wrp").show("slide", { direction: "right" }, 1100); var workv = 1; //здесь return false; }, function(){ $("#clients_wrp").hide("slide", { direction: "left" }, 1100); if (clientsv) value = 1; // и здесь return false; }); }) Но синтаксис я понимаю плохо, как поправить переменные что бы функция работала?

тут наверн нужно с переменными шаманить. Направте мысль.. Может как-то нужно задать переменную открытого div и закрытого? Я что-то не понимаю..

http://jsfiddle.net/zUgrm/ Он еще сырой, но суть понятна. эт портфолио. Главная проблема это -по клику должен выезжать div, по другому клику он должен уехать и появиться новый. к дивам подключен плагин(его не видно сейчас). Там пока только 2 дива. work и clients.

Есть несколько кнопок. И несколько div'ов. По клику на кнопку выезжает div. //выезжает: <li><a href="#" id="clients" class="main_btn">CLIENTS</a></li> $(document).ready(function(){ $(".clients_wrapper").hide(); $("#clients").click( function(){ $(".clients_wrapper").show("slide", { direction: "right" }, 1100); return false; }); }) //уезжает: $("#clients").click( function(){ $(".clients_wrapper").hide("slide", { direction: "left" }, 1100); return false; }); Подскажите алгоритм, и как нужно сделать, чтобы по клику открытый div уезжал, а новый выезжал. А то у меня по клику выезжает, а другой остаётся на месте...

Спасибо Int. Как всегда выручил

Кто знает, у .Toggle() есть возможность менять class путём .toggleClass() но с Toggle нельзя сделать hide&show в одну сторону. Последнее делается функцией .hide .show , но класс или ID я изменить не могу. Как по клику менять класс или id??? $(document).ready(function() { $("#clients").hide(); $("#clients_go").click(function(){ $("#clients").show("slide", { direction: "left" }, 2000); return false; }) });

Да, конечно не простая я уже неделю сплю через двое суток. htmlbook.ru шикарный сайт в нем собрана вся инфа по html и css, это очень удобно, даже не зная эти языки можно легко построит сайт. Но вот по JS я подобного найти не могу как не искал, по jquery только и то на английском(его то я кое-как понимаю). Естественно не нужно тратить время и заниматься альтруизмом =). Мне просто нужен совет. Есть ли сайты подобные htmlBook по JS? Или что нужно сделать чтобы понять как им пользоваться не тратя время на туторы где одна вода, 80% времени тратится в пустую. Я с дуру взялся за работу(по сути как demodern.de). Времени 3 недели. Но оно того $тоит. И в плане опыта интересно.. Задача очень трудная(не даром они канского льва получили за сайт) Вот и обратился за помощью.

Да, я вот и думаю. А получится если не относительно фрейма, а использовать div который выезжает и уезжает. Тогда чтобы работал скрипт в dive - будет выглядеть так: <div id="wrapper"> <div id="scroller"> <ul id="thelist"> Если взять jQeury то какими функциями это можно сделать? Я пытался scrollRight .toggle() тогда все дочерние(div и ul) остаются на месте и зрительно получается буд-то меняется просто их ширина. Это первая проблема. Вторая, как сделать так чтобы при клике по другой ссылке див обратно закатывался и выезжал новый? Кстати, если интересно есть прикольный скрипт iScroll4 для реализации прокрутки аля TouchScreen. Html и CSS легко понимаются, а вот этот JavaSctipt... Сколько времени нужно что бы его освоить?

Благодарю. Помогло!

Здравствуйте! Фиксированная шапка меню с ссылками которые запускают странички во фрейме. Как сделать так что бы при открытии страницы во фрейме страничка выезжала, а при переходе на другую уезжала? Это главная: <body> <div id="header"> <div id="logo"> <a href="index.html"><span></span></a> </div> <div id="menu"> <ul> ... <li><a href="clients/index.html" id="clients" target="frame_a">CLIENTS</a></li> ... </ul> </div> <div id="srez"> </div> </div> <iframe name="frame_a" id="Frame" width="100%" height="100%" frameborder="0"></iframe> </body> Это одна из страниц во фрейме(с плагином HorizontalScroll): <div id="wrapper"> <div id="scroller"> <ul id="thelist"> <li><img src="img/.......png" width="220" height="150"></li> <li><img src="img/.......png" width="220" height="150"></li> <li><img src="img/.......png" width="220" height="150"></li> .... </ul> </div> </div> Пробовал поковырять этот плагин, но весь контент как фрейм он не открывает. http://srobbin.com/jquery-pageslide/ Пожалуйста помогите, что можно сделать???

Подскажите, есть ли такая функция котрая запускает скрипт когда страница открывается в определённом браузере? Или от обратного- запретить запуск скрипта на всех мобильных платформах (iPad к примеру). Сайт на XHTML 1.0 Transitional. Заранее спасибо. =)