Скрыть и показать тег div с помощью jquery
лассический вопрос, но не могу найти лучший подход. У меня есть выпадающий список с идентификатором project_billing_code_id и 3 значениями (1, 2, 3).
Если значение выбрано = 1, то показать div с идентификатором один и только этот. div два и три должны быть скрыты. Я также хочу, чтобы это происходило при загрузке представления, а не только при изменении.
$(document).ready(function() {
$("#hourly").hide();
$("#per_diem").hide();
$("#fixed").hide();
$("#project_billing_code_id").change(function() {
if ($("#project_billing_code_id").val() == '1') {
$("#hourly").show();
}
else if ($("#project_billing_code_id").val() == '2') {
$("#per_diem").show();
}
else if ($("#project_billing_code_id").val() == '3') {
$("#fixed").show();
}
else {
$("#hourly").hide();
$("#per_diem").hide();
$("#fixed").hide();
}
});
});