Как можно сократить эту простыню?

Question

[Санек]

$('.first-select_visible').on('click', function () {
    $('.second-select').fadeOut(100);
    $('.third-select').fadeOut(100);
    $('.fourth-select').fadeOut(100);
    $('.first-select').delay(100).fadeIn();
  });

  $('.second-select_visible').on('click', function () {
    $('.first-select').fadeOut(100);
    $('.third-select').fadeOut(100);
    $('.fourth-select').fadeOut(100);
    $('.second-select').delay(100).fadeIn();
  });

   $('.third-select_visible').on('click', function () {
    $('.first-select').fadeOut(100);
    $('.second-select').fadeOut(100);
    $('.fourth-select').fadeOut(100);
    $('.third-select').delay(100).fadeIn();
  });

   $('.fourth-select_visible').on('click', function () {
    $('.first-select').fadeOut(100);
    $('.second-select').fadeOut(100);
    $('.third-select').fadeOut(100);
    $('.fourth-select').delay(100).fadeIn();
  });

   $('.clear-select_visible').on('click', function () {
    $('.first-select').fadeOut(100);
    $('.second-select').fadeOut(100);
    $('.third-select').fadeOut(100);
    $('.fourth-select').fadeOut(100);
  });

Comments

[Алексей Сол]

Залейте вместе с HTML кодом на любой -pen, чтобы было понятно, как у вас это устроено.

[AnjeyTsibylskij]

Можете прикрепить еще и html? Сокращу до пару строк.

Answer 1

[AnjeyTsibylskij]

Вот так

Comments

[Санек]

Годится) Пасиб. Если есть возможность посмотри это Как оптимизировать этот JQ?

[AnjeyTsibylskij]

Санек: лучше просто опешите что хотите сделать. Трудновато понять логику.

Answer 2

[lega]

https://jsfiddle.net/lega911/h6ca8z7f/

Comments

[Anton Bobylev]

Ыыыы, извините. Но тащить ради этого ангуляр...

[lega]

Anton Bobylev: Angular Light ~20kb, легче чем jquery
а вообще если это не мелкий проект, не одна форма, то имеет смысл взять что-то более высокоуровневое чем jquery

[Anton Bobylev]

lega: конечно, но при запросе на мелкий рефакторинг предлагать решение. на другом фреймворке/библиотеке несколько странно) Очевидно, что человек даже в jq не очень разбирается, а новый синтаксис его ещё больше запутатает.