Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

Мебельно-кухонная фабрика

истекло время актуальности


Описание.
Есть в вёрстке четыре меню (не системные ссылки через модуль меню 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])


Сделать ставку!

Заказчик не желает делать предоплату? Предложите оплату через Сейф, чтобы избежать возможного мошенничества.

  1.  фрилансер больше не работает на сервисе

Заказчик
Мальцев Евгений
Украина Киев  2   0
Проект опубликован
19 октября 2015
251 просмотр
Поделиться