Добавление "фонового изображения" изменяет на существующий jQuery css изменение впоследствии

У меня есть связь, которая имеет...

a#popup { background:url(../popupopen.jpg) center right no-repeat #fff;

какие пуговицы использование положения меню...

jQuery(document).ready(function(){
jQuery('a#popup').toggle(function() {
jQuery("#wps-sidebar").css({left: "30px"});
}, function() {
jQuery("#wps-sidebar").css({left: "-240px"});
});
});

& I'm trying to add a simple background image change to the end of each, so that when it opens the background image changes to use popupclose.jpg (after the menu position toggle), & obviously back to popupopen.jpg once it's closed again. I'm trying to copy existing examples but can't find anything that gets through to my js-inept brain, can someone please advise?

Заранее спасибо.

1
nl ja de
I' d предлагают добавить и удалить класс, и можно предписать, какие изображения вы хотите в a#popupwiththisimage, a#popoutwiththisimage или a#popupwiththatimage
добавлено автор cggaurav, источник
Это было бы более изящным способом пойти об этом? Как, вероятно, очевидный I' m, просто учась js/jQuery css/html происхождения. Быть честным I' m не уверенный, как I' d добавляют это к текущему jQuery gubbins выше также...
добавлено автор Steven Griffiths, источник
На самом деле да благодарят Вас, просто наконечник, в котором я нуждался. Я применил предпосылки к врезке вместо этого, & просто использовал addClass/removeClass.
добавлено автор Steven Griffiths, источник

1 ответы

Я применил предпосылки к #wps-sidebar вместо a#popup, тогда...

#wps-sidebar.opened {
left: 30px;
background: url(../popupclose.jpg) center right no-repeat #fff;
}

...&...

jQuery(document).ready(function(){
jQuery('a#popup').toggle(function() {
jQuery("#wps-sidebar").addClass("opened");
}, function() {
jQuery("#wps-sidebar").removeClass("opened");
});
});

Спасибо за предложение, просто мозговой удар мне было нужно.:)

0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)