Мебельно-кухонная фабрика
Описание.
Есть в вёрстке четыре меню (не системные ссылки через модуль меню 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])
Current freelance projects in the category Javascript and Typescript
Layout of a React/Tailwind component for printing an A4 formNeed to fix the UI/UX design and geometry of one React component (template for a clinical chart for printing in PDF) All functionality, data arrays, and logic are already written and working — only cosmetic changes are needed, correct margins and positioning of elements using… HTML & CSS, Javascript and Typescript ∙ 7 hours 5 minutes back ∙ 44 proposals |
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 1 day 4 hours back ∙ 74 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 2 days back ∙ 29 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 4 days 2 hours back ∙ 63 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 5 days 3 hours back ∙ 28 proposals |