¿Es una mala práctica tener múltiples eventos de clic de Jquery?

¡Hola, nuevo desarrollador aquí! Como nuevo desarrollador, estoy tratando de deshacerme de cualquier mal hábito que tenga, y algo que siempre me estremece es que hago eventos de múltiples clics. Por alguna razón, siempre siento que hay una forma más ordenada de hacerlo. ¿Es normal en su experiencia ver este tipo de código? ¿Es malo? ¡Por favor hagamelo saber! (Nota: $(sección de superposición de mezclilla).toggle() es para texto que es diferente para cada sección. Por lo tanto, mezclilla tiene una descripción de mezclilla, comodidad tiene una descripción de comodidad, etc.) La clase .active cambia la imagen de un botón más a una imagen del botón menos.

 $('#denim-overlay-section, #true-overlay-section, #comfort-overlay-section, #jegging-overlay-section, #tummy-overlay-section, #chambray-overlay-section') .hide(); $('#classicBtn').click(function () { $('#denim-overlay-section').toggleClass('denim-overlay'); $('#denim-overlay-section').toggle(); $('.plusBtn-classic').toggleClass('active'); }); $('#trueBtn').click(function () { $('#true-overlay-section').toggleClass('denim-overlay'); $('#true-overlay-section').toggle(); $('.plusBtn-true').toggleClass('active'); }); $('#comfortBtn').click(function () { $('#comfort-overlay-section').toggleClass('denim-overlay'); $('#comfort-overlay-section').toggle(); $('.plusBtn-comfort').toggleClass('active'); }); $('#jeggingBtn').click(function () { $('#jegging-overlay-section').toggleClass('denim-overlay'); $('#jegging-overlay-section').toggle(); $('.plusBtn-jegging').toggleClass('active'); }); $('#tummyBtn').click(function () { $('#tummy-overlay-section').toggleClass('denim-overlay'); $('#tummy-overlay-section').toggle(); $('.plusBtn-tummy').toggleClass('active'); }); $('#chambrayBtn').click(function () { $('#chambray-overlay-section').toggleClass('denim-overlay'); $('#chambray-overlay-section').toggle(); $('.plusBtn-chambray').toggleClass('active'); });