Мебельно-кухонная фабрика
Описание.
Есть в вёрстке четыре меню (не системные ссылки через модуль меню joomla, а с помощью html модулей Joomla,
т.к. для реализации задачи нужен атрибут rel для ссылки)
1.
<div class="all-images">
<ul>
<li class="all-images"><a rel="all" class="current">Все кухни</a>
</li>
</ul>
</div>
2.
<ul>
<li><a rel="massive">Массив</a></li>
<li><a rel="emale">Эмаль</a></li>
<li><a rel="shpon">шпон</a></li>
<li><a rel="mdf">мдф</a></li>
<li><a rel="plastic">Пластик</a></li>
<li><a rel="plenka">пленка</a></li>
</ul>
3.
<ul>
<li><a rel="corner">Угловые кухни</a></li>
<li><a rel="direct">Прямые кухни</a></li>
<li><a rel="shaped">п-образные кухни</a></li>
</ul>
4.
<ul>
<li><a rel="classic">Классика</a></li>
<li><a rel="modern">Модерн</a></li>
<li><a rel="provance">Прованс</a></li>
<li><a rel="country">Кантри</a></li>
<li><a rel="english">Английский стиль</a></li>
<li><a rel="italy">Итальянский стиль</a></li>
<li><a rel="neoclassic">Неокласика</a></li>
</ul>
Все четыре меню обвёрнуты в #flavor-nav.
В галерее изображений, к каждой картинке прописаны несколько классов, по которым и работает атрибут ссылки rel
из соответствующего пункта меню.
Для добавления класса active для этих меню используется скрипт
----------------------------
$(function() {
$("#flavor-nav ul li a").click(function() {
$("#Style ul li a").removeClass("active");
$(this).toggleClass("active");
})
});
----------------------------
Для работы фильтра по классам для галереи используется скрипт
------------оригинал-------------
jQuery(function() {
var newSelection = "";
$("#flavor-nav a").click(function(){
$("#all-flavors").fadeTo(200, 0.10);
$("#flavor-nav a").removeClass("current");
$(this).addClass("current");
newSelection = $(this).attr("rel");
$(".flavor").not("."+newSelection).slideUp();
$("."+newSelection).slideDown();
$("#all-flavors").fadeTo(1000, 1);
});
});
---------------------------------
----------изменённый------------
jQuery(function() {
var newSelection = "";
$("#flavor-nav a").click(function(){
$("#all-flavors").fadeTo(200, 0.10);
$("#flavor-nav a").removeClass("current");
$(this).addClass("current");
if ($(this).hasClass("processed")) {
$(this).removeClass("processed");
} else {$(this).addClass("processed");}
newSelection = $(this).attr("rel");
$(".flavor").not("."+newSelection).slideUp();
$("."+newSelection).slideDown();
$("#all-flavors").fadeTo(1000, 1);
});
});
-------------------------------------
Задача.
1. Скрипт фильтра был изменён для того, чтобы при повторном нажатии на ссылку,
класс active был отменён, но отмена срабатывает только для первого меню
( <div class="all-images">
<ul>
<li class="all-images"><a rel="all" class="current">Все кухни</a>
</li>
</ul>
</div> ).
Нужно сделать, чтобы отмена класса active, при повторном клике на ссылку, срабатывал для всех ссылок всех меню.
2. Сделать множественный выбор по ссылкам всех меню (на данный момент фильтр срабатывает только при клике по одной
какой-нибудь ссылке любого меню).
Ссылка на тестовый поддомен (http://abcsolutions.by/anons/)
Переписка через ([email protected])
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Wsparcie i rozwój strony internetowej firmy sprzątającej
75 PLN
Szukam programisty / webmastera do długoterminowego wsparcia i rozwoju strony internetowej firmy sprzątającej. Strona: https://donely.ca O projekcie DoneLy Home Services — firma świadcząca usługi sprzątania w Kanadzie, która aktywnie się rozwija i rozszerza zasięg działalności.… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 12 godzin temu ∙ 59 ofert |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 2 dni 13 godzin temu ∙ 27 ofert |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 4 dni 4 godziny temu ∙ 32 oferty |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 197 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 9 dni 10 godzin temu ∙ 119 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 9 dni 16 godzin temu ∙ 21 ofert |