Para un proyecto use stepy porke me lo dijo el jefe, pero se puede lograr lo mismo ocultando y mostrando los divs correspondientes
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes Menú
<div class="contenedor">
<div class="row">
<div class="col-md-12">
<!-- Example row of columns -->
<ul class="nav nav-tabs">
<li><a href="#" data-toggle="tab" data-url="archivo1.php">Opcion1 </a></li>
<li><a href="#" data-toggle="tab" data-url="archivo2.php">Opcion2 </a></li>
</ul>
</div>
<div class=tabed-pane id=opcion1>
<div class="col-md-9" id="contenedor">
</div>
</div>
</div>
$(document).ready(function(){
$(".nav li a").on('click',function(){
var url = $(this).data('url');
$("#contenedor").load(url);
})
})
/*desde una url*/
$context = stream_context_create(array('http' => array('header' => 'Accept: application/xml')));
$xml = file_get_contents($url, false, $context);
$xml = simplexml_load_string($xml);
$sql="INSERT INTO Noticias (Titulo, link, Contenido) VALUES (:titulo , :link , :contenido)";
$consulta = $conexion->prepare($sql);
/* Establezco los parametros */
$consulta->bindParam(':titulo',$titulo);
$consulta->bindParam(':link',$link);
$consulta->bindParam(':contenido',$contenido);
foreach($xml->item as $noticia){
/* Para cada elemento item del XML extraigo los elementos hijos, luego saco la informacion a traves de los nodos del documento XML y aplico addslashes para sanizar el texto para evitar \' y \" ya que la consulta SQL fallaria */
$titulo = addslashes($noticia->title);
$link = addslashes($noticia->link);
$contenido = addslashes($noticia->description);
/* Ejecuto la consulta */
$consulta->execute();
echo "Insertada NOTICIA a la BD <br/>";
}
$('#publicacion').html( $('#publicacion').html()+'[b][/b]')
$(document).ready(function(){
$('.negrita').click(function(){
$('#publicacion').html( $('#publicacion').html()+'[b][/b]')
});
$('.cursiva').click(function(){
$('#publicacion').html( $('#publicacion').html()+'[i][/i]')
});
})
$(document).ready(function() {
$(".selector").on("mouseover",function(){
var imagen = $(this).data("imagen")
$("#contenedorImagen").attr("src",imagen);
});
});
<div>
<img id="contenedorImagen" src="blusa.jpg">
<ul>
<a href="#"><li class="selector" id="uno" data-imagen="blusa.jpg">Blusas</li></a>
<a href="#"><li class="selector" id="dos" data-imagen="abrigos.jpg">Abrigos</li></a>
<a href="#"><li class="selector" id="tres" data-imagen="tocados.jpg">Tocados</li></a>
<a href="#"><li class="selector" id="cuatro" data-imagen="faldas.jpg">Faldas</li></a>
</ul>
</div>