Александр

Уточните вопрос. Обмен должен быть со стороны верстки, т.е. визуально?

Дополнительно комментарий по коду: такие структуры удобнее организовывать с помощью списков ul > li. Как минимум можно избавиться от класса item.

Я бы посоветовал начать с чистого JS, посмотреть как реализуются в нем основные принципы ООП, прототипы, фабрики, замыкания и т.д. Эти знания лишними не будут. А потом уже переходить на JS фреймворки. А по поводу jQuery, достаточно проглянуть основные методы/свойства/плагины, не вижу смысла много тратить времени на специальное изучение. Я в компании провожу собеседования и code review для юниоров и как показывает практика лучшие результаты показывают те, кто изучал нативный JS, им и в изучении фреймворков полегче, нежели тем, кто писал изначально на jQuery.

Небольшой kомментарий к коду. Если вы замечаете, что у вас в коде дублируются селекторы, выносите их в отдельные переменные и потом работайте с ними. Это упростит поддержку кода и обращение к переменной происходит быстрее, чем к селектору.
P.S. Дима Турков прав, используйте вызов методов по цепочке, это также упрощает код.

Не надо заново биндить события. Есть возможность изначально набиндить события и они будут срабатывать даже для тех элементов, которые динамически подгружаются в DOM. Для этого используется в jQuery метод on: jqapi.com/#p=on

Мой ответ не будет связан с решением Вашей задачи, я хочу прокомментировать увиденный код. Я приверженец того, что css свойства должны быть в css файлах, js - в js файлах. Будет более удобно обслуживать код, если вы вынесете css свойства в соответствующие классы, а с помощью js (jQuery) будете навешивать/удалять их на DOM элементы (с помощью, например, addClass/removeClass)

Во первых, условие предполагает при сравнении знак равенства ==. Во вторых, на странице, где используется данный скрипт, в консоли введите location.pathname и увидите с чем необходимо сравнивать.
Советую также почитать о регулярных выражениях и их использование в JS.

Для просмотра всех JS событий, которые навешаны на DOM элементы, можно использовать Visual Event плагин под Chrome https://chrome.google.com/webstore/detail/visual-e... . Я давно им пользуюсь, довольно удобно.

Можете, как вариант, подключить все css файлы, в каждом и этих файлов для css классов/id прописать класс враперы, например, для первого css файла пусть будет body.red, для второго - body.green, для третьего - body.yellow и т.д. И потом в DOM для body добавляя соответствующий класс (.red, .green, .yellow), будете получать необходимые цвета.