Это партнеры, по нажатию на иконку, внизу появляется описание выбранной партнера, текст. Мне нужно чтобы по дефолту был выбран первый партнер, а также, чтобы при переключении, менялся цвет текст на партнере и внизу менялась картинка. Я сделал переключение текста, но как сделать цвет текста и по дефолту чтобы был открыт первый партнер, не знаю, подскажите. Вид:
<?php if ( have_posts() ) : query_posts('cat=5'); while (have_posts()) : the_post(); ?>
<?php $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), full ); ?>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="wr_part part" style="background: url(<?php echo $thumbnail[0];?>)">
<p class="ttl"><? the_title()?></p>
<div class="partwr"><? the_content()?></div>
</div>
</div>
<? endwhile; endif; wp_reset_query(); ?>
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="ttlp"><? the_content()?></div>
</div>
</div>
jquery:
$(".part").click(function() {
var color = $(this).children('.ttl');
var value = $(this).children('.partwr').html();
var posledniy = $(".ttlp p").last(); //последний элемент
if($(".ttlp p").last()){
var spisok = $(".ttlp").append(value);
posledniy.addClass('deactivated');
}
});
css:
.partwr, .deactivated{
display: none;
}