Как объединить 2 функции js?

Question

[amazinginternetsites]

Здравствуйте, у меня есть 2 функции, но почему-то происходит какой-то конфликт, можно как-то их объединить, ведь они практически похожи, только зависят от разных селектов. Т.е. показ #f_lr1gr2el1, #f_lr1gr2el2, #f_lr1gr2el3, #f_lr1gr2el4, #f_lr1gr2el5 зависит одновременно либо от value=8 селекта с #lr1rt, либо от value=5 селекта с #lr1gr2

$(function() {
//Первая часть
var update44 = function() {
             var val = +this.value;
             var showFirst = [8].indexOf(val) >= 0;
			 $('#f_lr1gr2el1').toggle(showFirst);
			 $('#f_lr1gr2el2').toggle(showFirst);
			 $('#f_lr1gr2el3').toggle(showFirst);
			 $('#f_lr1gr2el4').toggle(showFirst);
			 $('#f_lr1gr2el5').toggle(showFirst);
			 !showFirst && $('#f_lr1gr2el1 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el2 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el3 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el4 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el5 select').val(1).change();
			 };
//Зависит от селекта #lr1rt
$('#lr1rt').change(update44).change();

//Вторая часть
			 var update13 = function() {
             var val = +this.value;
             var showFirst = [5].indexOf(val) >= 0;
			 $('#f_lr1gr2el1').toggle(showFirst);
			 $('#f_lr1gr2el2').toggle(showFirst);
			 $('#f_lr1gr2el3').toggle(showFirst);
			 $('#f_lr1gr2el4').toggle(showFirst);
			 $('#f_lr1gr2el5').toggle(showFirst);
			 !showFirst && $('#f_lr1gr2el1 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el2 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el3 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el4 select').val(1).change();
			 !showFirst && $('#f_lr1gr2el5 select').val(1).change();
			 };
//Зависит от селекта #lr1gr2
$('#lr1gr2').change(update13).change();

     });

На скринах, думаю будет понятней в чем конфликт.
После того, как в одном из выпадающих списков #lr1gr2 я выбираю пункт 5 открываются дополнительные выпадающие списки. После их заполнения - данные отправляются в базу.

Но при переходе обратно к редактированию появившиеся блоки (выпадающие списки) не отображаются.

Если я удаляю одну из функций js, то все показывается верно, т.е.

Comments

[Сергей Сергей]

var showFirst = [5,8].indexOf(val) >= 0;
Сделать строку такой, и будет одна функция.
А вообще, тут большой простор для переделки.

[amazinginternetsites]

Сергей Сергей: Не подскажете? стараюсь освоить js

[amazinginternetsites]

Сергей Сергей: var showFirst = [5,8].indexOf(val) >= 0;
думаю не подойдет, т.к. зависят показываемые селекты от разных селектов

$('#lr1rt').change(update44).change();
$('#lr1gr2').change(update13).change();

[Сергей Сергей]

по коду и не скажешь, что зависят.

[Алексей]

Я от чего-то изучаю javascript на javascript без библиотек, только по крайней необходимости)
По коду:
Нужно решить чем отличаются 2 функции. Отличаются они индексом [8] и [5], соответственно надо передавать в качестве аргумента этот индекс и как мне кажется строковое значение #f_lr1gr2el, из которого потом будут сформированы остальные N по Вашим правилам.
Потому как оно много где повторяется и для универсальности функции.
Я только учусь, поэтому прошу отнестись критично к моим советам

[amazinginternetsites]

Сергей Сергей: Ну как, а эти 2 строки?
$('#lr1rt').change(update44).change();
$('#lr1gr2').change(update13).change();

[Алексей]

Что вообще делает функция, какая ошибка, как возникает. Изначальная проблема перечитав заголовок - конфликт функций

[amazinginternetsites]

Алексей: Так просто не объяснишь, а пример огромный придется делать. Дело в том, если присутствует одна из функций (по отдельности), то при повторном обращении к форме (редактирование после сохранения) #f_lr1gr2el1, #f_lr1gr2el2, #f_lr1gr2el3, #f_lr1gr2el4, #f_lr1gr2el5 показываются. Как только присутствуют обе - #f_lr1gr2el1, #f_lr1gr2el2, #f_lr1gr2el3, #f_lr1gr2el4, #f_lr1gr2el5 скрыты.

[amazinginternetsites]

Алексей: показ #f_lr1gr2el1, #f_lr1gr2el2, #f_lr1gr2el3, #f_lr1gr2el4, #f_lr1gr2el5 зависит одновременно либо от value=8 селекта с #lr1rt, либо от value=5 селекта с #lr1gr2

[Ксения]

Я никак не могу понять чего вы хотите, у вас две фактически идентичные функции с отличием в 1 символ, индекс который запросто можно передать. То что я вижу в коде говорит о том, что от. Селектора эта функция никак не зависит, просто она вызывается при событии у разных элементов, если я ничего не упускаю, то вы просто не понимаете события

[amazinginternetsites]

Ксения: Скорее всего вы правы. Одна и та же функция вызывается событиями из элемента #lr1rt и #lr1gr2. Как сделать, чтобы они обе работали правильно не мешая друг другу?

[Ксения]

amazinginternetsites: я не знаю чем они вообще мешают друг другу, вы просто дублируете код, вместо [5/8] поставить переменную [n] и передавать её аргументом function(n) сделав одну функцию, и при привязке к первому селектору передавать 5 а ко второму 8

[amazinginternetsites]

Ксения: Постараюсь объяснить, чего я добиваюсь. После того, как в одном из выпадающих списков #lr1gr2 я выбираю пункт 5 открываются дополнительные выпадающие списки. После их заполнения - данные отправляются в базу. Но при переходу обратно к редактированию появившиеся блоки (выпадающие списки) не отображаются. Обновил вопрос, чтобы было нагляднее.

[amazinginternetsites]

Я уже не знаю как объяснить