Edit templates/jf_creativia/html/com_k2/jf_creativia/item.php file, modify:
<?php if(!empty($this->item->fulltext)): ?>
<?php if($this->item->params->get('itemIntroText')): ?>
<!-- Item introtext -->
<div class="itemIntroText">
<?php echo $this->item->introtext; ?>
</div>
<?php endif; ?>
<?php if($this->item->params->get('itemFullText')): ?>
<!-- Item fulltext -->
<div class="itemFullText">
<?php echo $this->item->fulltext; ?>
</div>
<?php endif; ?>
<?php else: ?>
<!-- Item text -->
<div class="itemFullText">
<?php echo $this->item->introtext; ?>
</div>
<?php endif; ?>
to:
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery('.itemReadMore a').click(function(e){
e.preventDefault();
jQuery('.itemFullText1').slideToggle();
});
});
<?php if(!empty($this->item->fulltext)): ?>
<?php if($this->item->params->get('itemIntroText')): ?>
<!-- Item introtext -->
<div class="itemIntroText">
<?php echo $this->item->introtext; ?>
</div>
<div class="itemReadMore">
<a class="k2ReadMore" href="#"><?php echo JText::_('K2_READ_MORE'); ?></a>
</div>
<?php endif; ?>
<?php if($this->item->params->get('itemFullText')): ?>
<!-- Item fulltext -->
<div class="itemFullText itemFullText1">
<?php echo $this->item->fulltext; ?>
</div>
<?php endif; ?>
<?php else: ?>
<!-- Item text -->
<div class="itemFullText">
<?php echo $this->item->introtext; ?>
</div>
<?php endif; ?>
Edit template.css, add:
.itemReadMore {
text-align: right;
}
.itemReadMore a {
color: #fff!important;
cursor: pointer;
background: #626262;
border: 1px solid #626262;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
display: inline-block;
padding: 10px 20px;
text-decoration: none !important;
}
.itemReadMore a:hover {
background: url(../images/trans-grad-black-20.png) repeat-x center #121212;
}
.itemFullText1 {
display: none;
}
joomfreak