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:
<li>
#
<p>DAM -aecenas ut turpis. In vitae erat ac orci dignissim
eleifend. some more text</p>
# More
<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;
border-top:medium none;
margin-bottom:3px;
position:relative;
}
#benefits_bottom_a .content ul li {
border-bottom:medium none;
margin:-10px 0 0;
overflow:hidden;
padding:5px 0 0 34px;
position:relative;
width:200px;
}
#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
*Attahed is an image of what it looks like along with it 'expanded'
http://old.nabble.com/file/p27016864/ie6issue.jpg ie6issue.jpg
--
View this message in context:
http://old.nabble.com/IE6-Not-%27showing%27-issue-tp27016864s27240p27016864.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
