Para realizar esta función de mostrar y ocultar secciones de código, es necesario agregar el siguiente script al código del blogg, esto es en la pestaña de Diseño->Edición HTML y se copia de tal forma que quede antes de cierre </head> :
Agregar este código:
Este script es la declaración general para poder utilizar la función en las entradas del blog, solo se debe aplicar una sola vez y listo, a continuación veremos como aplicar dicha función propiamente en las entradas.
Primero se crea la nueva entrada completa, hasta que esté totalmente lista, esto debido a que si se aplica el código para mostrar u ocultar, y posteriomente se modifica la entrada por alguna razón, es posible que el código se desconfigure y sea necesario volverlo a implementar.
Una vez que esté lista la nueva entrada en el blog, definimos cuál es la sección que deseamos se muestre/oculte, luego pasamos a la pestaña de Edición de HTML, buscamos dicha sección a la cual queremos aplicar la función y procedemos como sigue:
Antes de que empieze el código que se quiere Mostrar/Ocultar, copiamos lo siguiente:
Código
Y al final del código de la sección que se desea Mostrar/Ocultar, simplemente cerramos con </div>.
Algo importante a tener en cuenta es la organización de los ID_# , los cuales deben ser diferentes/únicos para cada vez que se aplique la función.
Por ejemplo, para este tutorial utilizamos el ID_1 para mostrar el primer segmento de código, y el ID_2 para el segundo, cabe mencionar que se puede utilizar cualquier nombre, siempre y cuando sean distintos unos de otros.
Jugando un poco más con este efecto, tenemos que el código:
corresponde al activador del efecto, mientras que la sección:
corresponde al identificador de la sección que se pretende Mostrar/Ocultar.
Para probar lo mencionado anteriormente, vamos a poner aquí una copia del "activador" que corresponde a la segunda sección de código donde se aplica el efecto, osea, que al dar click en este, también debe activarse el efecto de Mostrar/Ocultar en la sección de arriba. Pruebalo:
De momento, eso es todo...
no sirve amigo,
ResponderEliminarlo estoy usando en una pagina de un producto que integra tambien aspx, esto puede tener que ver?