Me gustaría que el contenido dentro de
Group A
y tan pronto como se haga clic en el punto de acceso, el contenido dentro del anterior mencionado div cambiará.
¿Cómo puedo conseguir esto?
Puede usar jQuery , por ejemplo:
Group A hello
Ve a ver a jQuery . Hace esto bastante fácil. Tu ejemplo sería este:
$('.grp a').click(function(e) { e.preventDefault(); $('.tcw-content').html('new content goes here'); });
Para explicar, $ es el objeto jQuery. Cuando lo usa como una función con una cadena, encuentra todos los elementos que coinciden con ese selector, casi exactamente de la misma manera que funcionan los selectores de CSS. Luego, hay una variedad de funciones a las que puede llamar en estos elementos coincidentes. En este caso, llamamos a click() y le pasamos una función que se ejecutará cuando se haga clic en el enlace. Dentro de esa función, encontramos el div usando $('.tcw-content') y actualizamos sus contenidos usando la función html() .
La documentación de jQuery es bastante buena. Comienza a jugar con él, tal vez usando jsFiddle como sandbox.
Tal vez estás buscando un control deslizante de contenido.
Control deslizante de contenido HTML
:: Contenido destacado Slider v2.5
Ejemplos
40 ejemplos
hazlo con jquery. Incluya la biblioteca jquery y luego agregue un nuevo archivo javascript con un evento document.ready. Dentro del documento listo, simplemente agregue algo para escuchar cuando se haga clic en su div. Leer aquí: