Скрипт скрыть/открыть div
Здравствуйте, есть небольшой скрипт на jquery, он открывает и закрывает блок
$('.open-submenu').click(function() { $(this).find('.submenu').slideToggle(); $(".open-submenu").not($(this)).find('.submenu').slideUp(); }); Подскажите, где поправить код, так что бы я могу править свой div open, при открытии дива и элемент возвращался к своему исходному состоянию при закрытии дива, то есть есть у меня слева сайд бар и есть меню с крестом справа для наглядности что надо нажать, что бы открыть, но мне надо что бы он менялся при открытии этой ссылки, надеюсь меня поняли, спасибо |
разобрался, теперь вот так выглядит скрипт
$('.open-submenu').click(function() { $(this).find('.submenu').slideToggle(); $(this).find('.open').css({ backgroundColor:'transparent', border: '1px solid #9e39a1', color: '#9e39a1' }); $(this).find('.open').text('-'); $(".open-submenu").not($(this)).find('.submenu').slideUp(); }); Но у меня меняется див только в одну сторону, когда закрываю пункт меню, то обратно мой див (крест) в первичное состояние не приходит, подскажите |
JIeuTo,
:-? |
рони,
задам вопрос, не подскажите ли вы, как сделать так что бы мои стили при повторном клике, возвращались к первичному состоянию |
JIeuTo,
возможно так ... $('.open-submenu').click(function() { $(this).find('.submenu').slideToggle(); $(this).find('.open').toggleClass('change-open'); $(".open-submenu").not($(this)).find('.submenu').slideUp(); $(".open-submenu").not($(this)).find('.open').removeClass('change-open'); }); |
рони,
вот смотрите, я так сделал, но есть недочет (ваш код проверял, тоже самое было), все работает когда нажимаю на один и тот же блок, но когда один блок открыт, нажимаю на второй, то стили не возвращаются обратно $('.open-submenu').click(function() { $(this).find('.submenu').slideToggle(); $(this).find('.open').toggleClass('change-open'); $(".open-submenu").not($(this)).find('.submenu').slideUp(); }); |
JIeuTo,
скопируйте снова |
рони,
спасибо за помощь, разобрался $('.open-submenu').click(function() { $(this).find('.submenu').slideToggle(); $(this).find('.open').toggleClass('change-open'); $(".open-submenu").not($(this)).find('.submenu').slideUp(); $(".open-submenu").not($(this)).find('.open').removeClass('change-open'); }); |
Часовой пояс GMT +3, время: 01:54. |