Как показывать и скрывать divs и изменять класс, вычеркнутый?

я работаю с таблицей цен, и как вы видите общую цену различная через действие ws-plus и ws-min, я считаю эту часть сделанной. Итак, то, в чем я нуждаюсь, состоит в том, чтобы работать с accionadores.

По умолчанию я хочу что "статья, которая изменяет цену" отразила, что он не суммирует, и для этого я хочу, чтобы он оказался вычеркнутым и со значком "+" видимо, что дает команду складывать 100 с классом ws-plus и сюда прибывает моя проблема.

Поскольку я могу делать для того, чтобы однажды в "+" ушел вычеркнутый, и был заменен этот значок "+" классом ws-plus из-за значка "-" с классом ws-min?

Я понимаю, что я нуждаюсь в рукописном шрифте, чтобы играть с видимостью значков "+" и "-" (когда один другой не) и с классом, который он говорит ему в текст, который оказывается вычеркнутым или нет.

Я надеюсь, что они могут помогать мне, если не понятен хорошо объяснение или вопрос, скажите мне и я издаю, чтобы пробовать быть яснее. Большое спасибо!

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet"/>
<sup class="nprice">€</sup> <strong class="ws_basic_sum">100</strong>

<li>
  <a class="ws_plus"><i class="fa fa-plus"></i></a>El item que varia precio
  <input type="hidden" value="0" ws_max="1" ws_min="0" ws_step="1" ws_price="100" class="ws_basic" />
  <div class="hide" id="quitar">
    <a class="ws_minus"><i class="fa fa-close fa-red"></i></a>
  </div>
</li>
2
задан 13.04.2016, 03:01
2 ответа

Добавь идентификацию к соединению, которое я показываю внизу, и если ты используешь jquery в ready , добавь flag, в flag ponele начальное состояние (+), потом распредели onclick в контроль, который я показываю внизу, внутри, дай одну flag condiciГіn, если он появляется (+), что изменил себе в (-) sinГі, если есть (-) что изменился в (+). В jquery tenes removeClass и addClass, обрежь использовать это, чтобы менять класс.

<a class="ws_plus"><i class="fa fa-plus"></i></a>
0
ответ дан 24.11.2019, 14:37

Если дело в том, что entendГ - хорошо твоя проблема, podrГ, - чтобы быть чем-то asГ-:

jQuery

$(document).ready(function() {
  $('.ws_plus').click(function() {
    $('label').removeClass('tachado');
    $('.ws_minus').show();
    $('.ws_plus').hide();
    var num1 = parseInt($('.ws_basic_sum').html());
    var num2 = parseInt($('.ws_basic').attr('ws_price'));
    var suma = num1+num2;
    $('.ws_basic_sum').html(suma);
  });
});

HTML

<sup class="nprice">€</sup> <strong class="ws_basic_sum">100</strong>
<label class="tachado">El item que varia precio</label>
<input type="hidden" value="0" ws_max="1" ws_min="0" ws_step="1" ws_price="100" class="ws_basic" />
<div class="hide" id="quitar">
<a class="ws_plus"><i class="fa fa-plus"></i></a>
<a class="ws_minus"><i class="fa fa-close"></i></a>
</div>

CSS

.ws_minus {
  display: none;
}

label.tachado {
  text-decoration: line-through;
}
2
ответ дан 24.11.2019, 14:37
  • 1
    Желанный в сайт @Didjeram. Пожалуйста печатает soluci и # 243; n в сайте и не во внешнем сайте. Добавочный в это, convendr и # 237; которому ты объяснил из-за qu и # 233; твое предложение решает проблему. –   13.05.2016, 23:39