Al hacer clic en un div se cambia el contenido de otro div

Me gustaría que el contenido dentro de

cambie, cuando se hace clic en otro div, sin embargo, nunca he usado Ajax (tal vez no tiene que hacerse en Ajax, pero no puedo pensar en una forma JS / CSS, ejemplos apreciados :)), ¿alguien podría tener algún ejemplo para mí, por favor? Por ejemplo, el usuario hará clic en

  • 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í:

    http://www.w3schools.com/jquery/event_click.asp

    http://api.jquery.com/click/