Publish your project for free and start receiving offers from freelance contractors in serveral minutes after publication!

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

project expired


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


Make a proposal!

The client doesn't want to make prepayment? Offer him to make a payment via Safe to avoid possible fraud.

  1.  freelancer isn't working in the service any longer

Client
Project published
19 October 2015
251 views
Share