Re: [Solved] Internship as Web Designer

[ak-i]

I’ve updated my script, but still no luck in IE

$(document).ready(function() {



//HIDE THE DIVS ON PAGE LOAD

$('#accordion dd').hide();

$('#accordion2 dd').hide();

$('#accordion dt a').eq(0).addClass("active");

$('#accordion2 dt a').eq(0).addClass("active")

$('#first, #second').fadeIn();



//ACCORDION BUTTON ACTION

$('#accordion dt a, #accordion2 dt a').click(function() {

$(this).parent().next().slideToggle('normal').siblings("dd:visible").slideUp();

$(this).toggleClass("active");

$(this).siblings("a").removeClass("active");



return false;

});

});

This are the global CSS for accordion:

#accordion, #accordion2 { margin: 0; padding: 0; border: 1px solid #ededed; *border: none;}

#accordion dd, #accordion2 dd{ margin: 0 0 5px 0; padding: 0; }





dt.tab{

text-decoration: none;

margin-bottom: 1px;

background: #ccc;

color: #333;

font-weight: bold;

height: 2.5em;

line-height: 2.5em;

text-decoration: none;

text-indent: 1em;

display: block;

width: 100%;

position: relative;

*position: static;

}



#accordion a.tab:hover,  #accordion2 a.tab:hover{

background: #ededed;

}



#accordion  h3, #accordion2 h3{

padding: 10px 5px 5px;

margin: 0;

}



#accordion h3:hover, #accordion2 h3:hover {

background: #ededed;

}



#accordion h3 a, #accordion2 h3 a{

text-decoration: none;

}



#accordion p, #accordion2 p{

color: #444;

margin: -40px 0 40px 80px;

width: 70%;

font-family: "Georgia";

font-style: italic;

font-size: 13px;

}