Recientemente comencé una clase en línea y no ha sido fácil para un nuevo principiante, a pesar de lo que decía el curso. De todos modos, en la tarea pretendemos ser diseñadores web para un cliente. Actualmente, en una de las páginas, tienen una función de "más" para que pueda continuar leyendo el párrafo. Ahora quieren que colapsemos el texto y creemos una función "menos". Agregaron que deberíamos usar Java Script y el código que proporcionaron. Los adjuntaré a continuación. Supongo que mi pregunta es que no estoy seguro de cómo formatear este código y cómo usar cada uno de ellos para crear esta función "menos" en los párrafos. Como dije, soy un principiante total y definitivamente no creo que esta clase haya sido creada para personas como yo, así que pido disculpas si esto no tiene sentido o tiene la terminología correcta.
Java Script: si (condición) {acción} más {acción_alternativa}
Código: $("#q1 .less").removeClass("oculto"); $("#q1 .más").addClass("oculto");
Suponiendo que tiene 2 divs, 1 con clase 'más' y el otro con 'menos' y necesita intercambiar entre ellos, sugeriría algo como esto:
if($('#q1 .less').hasClass('hidden')){ // check if the 'less' item is already hidden $('#q1 .less').removeClass('hidden'); // show less and hide more $('#q1 .more').addClass('hidden'); }else { $('#q1 .more').removeClass('hidden'); // show more and hide less $('#q1 .less').addClass('hidden'); }Consulte https://api.jquery.com/hasclass/ , https://api.jquery.com/addclass/ y https://api.jquery.com/removeclass/ para obtener información sobre las funciones jQuery utilizadas.