Ola. Você já tem os códigos para fazer as abas?
E o que precisa é pegar os últimos 3 posts e colocar cada um em uma aba?
É isso?
Olá Everal tenho sim, meu código em html e css, eu queria é ver como coloco no loop.
Valeu!
Isso é o que desejo fazer com meu código
<div class="content">
<h2 class="title-inter">nossos serviços</h2>
<?php query_posts('cat=3&showposts=2'); ?>
<?php while ( have_posts() ) : the_post(); ?>
<div id="my-wordpress-tabs">
<ul>
<li><a href="#my-wordpress-tabs-1"><?php the_title();?></a></li>
</ul>
<div id="my-wordpress-tabs-1">
<?php the_content();?>
</div>
</div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</div>
$("#my-wordpress-tabs").tabs();
Esse seu código apresenta algum erro quando roda? Ele esta mostrando os posts (esta setado 2)?
Como é a montagem dessa aba, o HTML gerado?
Meu HTML
<div class="fleft">
<div class="box-left-tab">
<a href="#" class="tabs tab-1 active-tabs">Título</a>
<a href="#" class="tabs tab-2">Título</a>
<a href="#" class="tabs tab-3">Título</a>
</div>
</div><!--end fleft-->
<div class="fleft">
<div class="box-right-tab">
<div class="content-tab content-tab-1">oi</div>
<div class="content-tab content-tab-2" style="display:none;">ola</div>
<div class="content-tab content-tab-3" style="display:none;">ole</div>
</div>
</div><!--end fleft-->
Meu Javascript
//menu dropdown
$('.tabs').each(function(i){
$(this).click(function(){
$('.content-tab').each(function(j){
if(i == j) $(this).stop().toggle('slow');
});
});
});
Na verdade quero mudar meu javascript para aparecer as abas automaticamente, quando eu for colocar no loop. Neste javascript ele faz um efeito toggle, o que não funciona muito bem.
Amigo consegui fazer as Tabs, na verdade estava errando no código
Deixei meu javascript assim
$(‘.tabs’).each(function(i){
$(this).click(function(){
$(‘.content-tab’).each(function(j){
if(i == j) $(this).stop().show(‘slow’);
else{
if(i != j) $(this).stop().hide(‘slow’);
}
});
});
});
Legal que resolveu. E ainda colocou a solucao aqui para proximas duvidas.