I think you should be able to do this with some CSS modifications. So first remove the overflow:hidden below:
.horzaccordion {
color: #ffffff;
overflow: hidden;
width: 100%;
}
s5_horizontal_accordion2.css (line )
Then you would need to edit the %'s we have set. Open up:
\modules\mod_s5_horizontal_accordion\tmpl\default.php and at the top area you'll see:
<?php if ($module_counter == '2') { ?>.horzaccordion li {width: 50%;}.horzaccordion ul:hover li {width: 30%;}.horzaccordion ul li:hover {width: 70%;}<?php } ?>
<?php if ($module_counter == '3') { ?>.horzaccordion li {width: 33.2%;}.horzaccordion ul:hover li {width: 25%;}.horzaccordion ul li:hover {width: 50%;}<?php } ?>
<?php if ($module_counter == '4') { ?>.horzaccordion li {width: 25%;}.horzaccordion ul:hover li {width: 20%;}.horzaccordion ul li:hover {width: 40%;}<?php } ?>
<?php if ($module_counter == '5') { ?>.horzaccordion li {width: 20%;}.horzaccordion ul:hover li {width: 15%;}.horzaccordion ul li:hover {width: 40%;}<?php } ?>
<?php if ($module_counter == '6') { ?>.horzaccordion li {width: 16.6%;}.horzaccordion ul:hover li {width: 13%;}.horzaccordion ul li:hover {width: 35%;}<?php } ?>
<?php if ($module_counter == '7') { ?>.horzaccordion li {width: 14.2%;}.horzaccordion ul:hover li {width: 11%;}.horzaccordion ul li:hover {width: 34%;}<?php } ?>
<?php if ($module_counter == '8') { ?>.horzaccordion li {width: 12.5%;}.horzaccordion ul:hover li {width: 10%;}.horzaccordion ul li:hover {width: 30%;}<?php } ?>
<?php if ($module_counter == '9') { ?>.horzaccordion li {width: 11.1%;}.horzaccordion ul:hover li {width: 9%;}.horzaccordion ul li:hover {width: 28%;}<?php } ?>
<?php if ($module_counter == '10') { ?>.horzaccordion li {width: 10%;}.horzaccordion ul:hover li {width:8%;}.horzaccordion ul li:hover {width: 28%;}<?php } ?>
Just edit the 12.5% to say 25% or so. I have no idea the implications of doing this edits as I didn't try but maybe it'll point you in the right direction.
Also you said:
Are you saying there is a way to publish positions ha_1-4 for the original accordion module, and then duplicate the accordion module and have positions ha_5-8 published (without publishing 1-4 a second time) within that module? That's exactly what I'm trying to achieve
This won't work as both modules are on the same page. You could duplicate the module. Literally make a copy and rename all the files from mod_s5_horizontal_accordion.php to mod_s5_horizontal_accordion_second.php. This woudl have to occur in the XML file too. Then zip up the whole folder and install as a brand new module. But also be sure to remove the first 4 module calls in the default.php file. They look like:
<?php if(JModuleHelper::getModules('s5_ha_1')) { ?>
<li>
<div class="image_title">
<div class="image_inner">
<?php
$myblurb_modules = &JModuleHelper::getModules( 's5_ha_1' );
foreach ($myblurb_modules as $myblurb) {
$_options = array( 'style' => 'raw' );
echo JModuleHelper::renderModule( $myblurb, $_options );
}
?>
</div>
</div>
<a href="#">
<div class="horzaccordionimage" style="background-image:url(<?php echo $s5ha_imageurl ?>/images/<?php echo $background1; ?>);" ></div>
</a>
</li>
<?php } ?>
This is a lot and should get you going but outside this you'd need to hire a coder.
Hope this helps ya,