i’ve attempted to google this in many ways but none seemed to be the same problem, so here it is:
I can’t link a direct link (the whole keeping a project under wraps thing) but heres the code:
JS:
$('.accordion .btn_more2').click(function(){
if($(this).text() == 'More'){
$(this).siblings('.content').show('fast');
$(this).text('Hide');
$(this).addClass('hide');
$(this).siblings('.btn_icon').attr('name','close');
}else{
$(this).siblings('.content').hide('fast');
$(this).text('More');
$(this).removeClass('hide');
$(this).siblings('.btn_icon').attr('name','open');
}
return false;
});
HTML:
<ul class="accordion">
<li class="first">
<a href="#" class="btn_icon dam" name="open"></a>
<p><span class="txt_green">DAM -</span>aecenas ut turpis. In vitae erat ac orci dignissim eleifend. some more text</p>
<a class="btn_more2" href="#">More</a>
<div class="content">
<p>mroe text Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend<br />more filler text</p>
</div>
</li>
CSS
#benefits_bottom_a ul li {
border-bottom:1px solid #D6DBDE;
margin-bottom:3px;
position:relative;
}
#benefits_bottom_a .content ul li {
margin:-10px 0 0;
overflow:hidden;
padding:5px 0 0 34px;
position:relative;
}
#benefits_bottom_a .content ul.accordion li {
width:585px;
}
This is already in another accordion, so its an accordion inside an accordion.
It works fine in all main browsers except IE6. What happens is when I click it the .content div becomes visible, but it doesn’t expand to the full size. I can see the text inside the div visible but it cuts off at midway in the first sentence.
I’ll see if I can post a link, but due to the project, i’m not sure I can do it
Thanks for any and all help,
Justin
Here’s an image of what ie6 is doing: