оптимизация кода
Лариса Шевченко

всем привет! ребята, помогите, плиз, оптимизировать jquery.
у меня есть 3 одинаковые формы с радиокнопками и блок, содержимое которого меняется, в зависимости от checked (у каждой из форм он свой).
я тут насочиняла кода, но понимаю, что трижды множить одно и то же с разными переменными как минимум некрасиво. наверное, стоит загнать это все в цикл, но, увы, не придумаю как.
спасибо)
HTML

<div class="pricing-list text-left">
                  <div class="pricing-header bg-blue-600">
                    <div class="pricing-title">Тариф #1</div>
                    <div class="pricing-price">
                      <span class="pricing-amount" id="tafiff_1_month_1">3 000</span>
                      <span class="pricing-amount" id="tafiff_1_month_6">18 000</span>
                      <span class="pricing-amount" id="tafiff_1_month_12">30 000</span>
                      <span class="pricing-currency"><i class="icon fa-rouble" aria-hidden="true"></i></span>
                    </div>
                    <a class="h4 tariff-description padding-horizontal-30 padding-bottom-25 btn-block" type="button" href="javascript:void(0)">Описание тарифа <i class="icon fa-chevron-down" aria-hidden="true"></i> </a>
                    <p class="tariff-description padding-horizontal-30 padding-bottom-25">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est eius magni fuga dolorem atque voluptatibus! Aspernatur, ipsum excepturi sit repellat aliquam laudantium assumenda doloremque ratione.</p>
                  </div>
                  <form id="tafiffForm1"> 
                    <ul class="pricing-features">
                      <li class="radio-custom radio-primary">
                        <input type="radio" id="inputCheck1-1" name="inputTafiff1" value="1" checked="checked" />
                        <label for="inputCheck1-1">1 месяц</label>
                      </li>
                      <li class="radio-custom radio-primary">
                        <input type="radio" id="inputCheck1-6" name="inputTafiff1" value="6" />
                        <label for="inputCheck1-6">6 месяцев</label>
                      </li>
                      <li class="radio-custom radio-primary">
                        <input type="radio" id="inputCheck1-12" name="inputTafiff1" value="12" />
                        <label for="inputCheck1-12">12 месяцев</label>
                      </li>
                    </ul>
                    <div class="pricing-footer text-center bg-grey-300">
                      <a class="btn btn-primary btn-lg"><i class="icon md-long-arrow-right font-size-16 margin-right-15" aria-hidden="true"></i> Оплатить</a>
                    </div>
                  </form>
                </div>

JQUERY

  $('#tafiffForm1 input').change(function() {
      var tafiff_1 = $('input[name="inputTafiff1"]:checked', '#tafiffForm1').val();

      if (tafiff_1 == "1") {
        $("#tafiff_1_month_1").fadeIn('slow');
        $("#tafiff_1_month_6").hide();
        $("#tafiff_1_month_12").hide();
      }
      else if (tafiff_1 == "6") {
        $("#tafiff_1_month_1").hide();
        $("#tafiff_1_month_6").fadeIn('slow');
        $("#tafiff_1_month_12").hide();
      }
      else {
        $("#tafiff_1_month_1").hide();
        $("#tafiff_1_month_6").hide();
        $("#tafiff_1_month_12").fadeIn('slow');
      }

    }).change();  
Лариса Шевченко около 1 месяца назадСпасибо 0
1 чел.