Joomla Templates Club 406,261 posts

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#206069

Hi there,

Is it possible by default, that accordion could be closed?
Actually when I use Accordion it displays the first content, so I need that it could be closed.
If so, where can I do this?
In the manager is not possible to set.
Is it possible that when I click on the same title it close and opens?

Other question:

I was wandering if it is possible to use the accordion style for to display HTML content.
I mean, to usit like a plugin that displays content (like the tabs plugin).

Thanks a lot

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#569540

If you want to change accordion could be closed by default, you can do this way

Open templates/ja_mitius/html/mod_jaaccordion/default.php file

find and change


<script type="text/javascript">
window.addEvent('domready', function(){
var myAccordion = new Fx.Accordion($('ja-accordion<?php echo $module->id?>'), $$('.ja-accordion-title<?php echo $module->id?>'), $$('.ja-accordion-content<?php echo $module->id?>'), {
//alwaysHide: true,
display: 0,
trigger: '<?php echo $params->get("mouseType", 'click')?>',
duration: <?php echo intval($params->get('duration'))?>,
transition: <?php echo trim($params->get('effect', 'Fx.Transitions.Elastic.linear'))?>,
onActive: function(toggler, element){
toggler.addClass('active');
element.addClass('active');
},
onBackground: function(toggler, element){
toggler.removeClass('active');
element.removeClass('active');
}
});
});
</script>

to


<script type="text/javascript">
window.addEvent('domready', function(){
var myAccordion = new Fx.Accordion($('ja-accordion<?php echo $module->id?>'), $$('.ja-accordion-title<?php echo $module->id?>'), $$('.ja-accordion-content<?php echo $module->id?>'), {
alwaysHide: true,
display: false,
trigger: '<?php echo $params->get("mouseType", 'click')?>',
duration: <?php echo intval($params->get('duration'))?>,
transition: <?php echo trim($params->get('effect', 'Fx.Transitions.Elastic.linear'))?>,
onActive: function(toggler, element){
toggler.addClass('active');
element.addClass('active');
},
onBackground: function(toggler, element){
toggler.removeClass('active');
element.removeClass('active');
}
});
});
</script>


JA Accordion module can load custom HTML module and you can follow userguide for do this here

1 user says Thank You to Ninja Lead for this useful post

1. edd

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#569553

Hi there,

It was really simple… your solution is working perfect

Thanks a lot 🙂

[Author]

Posts