переключите класс и видимость, дисплей

Если я также хочу переключить блок отображения: нет.

Как это сделать

$('.exp').on('click', function() {
"use strict";
$(this).toggleClass("plus_sign minus_sign");    
$(this).toggleClass("plus01 minus01");
});

Классы plus_sign и minus имеют изображение для обозначения плюса и минуса. Как переключить классы, если класс minus_sign, я хочу, чтобы минус изображение, чтобы показать. Если класс plus_sign, я хочу, чтобы плюс изображение, чтобы показать и минус изображение, чтобы скрыть. Изображения являются фоновыми изображениями в CSS.

Спасибо

2 ответа

  1. Ты делаешь это слишком сложным.

    Во-первых, установите все .expэлементы для использования знака плюс (если значение по умолчанию должно показывать плюс). Затем переключите класс, который переключает класс, чтобы показать минус. Вот быстрый код, который должен привести вас туда.

    $('.exp').on('click', function() {
        $(this).toggleClass('hide_plus');
    });
    

    Ваш CSS будет что-то вроде этого:

    .exp {
        background:url(/path/to/plus.gif);
    }
    .hide_plus {
        background:url(/path/to/minus.gif);
    }
    

    Кстати, вам лучше использовать спрайт для этих иконок, а затем изменить положение фонового изображения. Или использовать что-то вроде fontawesome.

    Вот грубая скрипка с + / — переключением без изображений. Добавление изображений не должно быть слишком сложным.

    https://jsfiddle.net/tycahill/1pwbuvga/

  2. его очень просто вы можете обратиться мой Планкер пожалуйста, проверьте здесь я сделал простой для вас

     $("#clickme").click(function(){
        $("#clickme").toggleClass("fa-minus");
    });
    

    и HTML

      <ul class="main-menu">
    
        <li data-ui-sref-active="active" class="cursor-pointer">
            <a data-ui-sref="dashboard.campaign" href="#/dashboard/campaign"><i class="fa fa-plus" aria-hidden="true" id="clickme"></i><span>click me </span></a>
        </li>      
    
    </ul>
    

    для справки http://plnkr.co/edit/fZ9AQCrO7RAK8wshQsQX?p=info