Hi Adriana,
I am almost done with it. I do have one question. I am trying to
remove "Underline" from all text in the accordion. I am using text-
decoration:none. It does remove it from the first and the second level
but the third level of nesting still contains underline. If I do an
inline style of text-decoration: none, it works out. However, is there
a way to do it without using inline style. Here is my CSS. I have
removed everything from your CSS I did not need. If you have time to
go through it and suggest something, I will appreciate it. If not,
thanks a lot. you have helped me enough.
<style type='text/css'>
/* --- Content Structure --- */
#nested-acc{
width:165px;
display:inline;
padding-bottom:5px;
position: relative;
overflow:hidden;
}
.slide {
position:relative;
top:0;
right:0;
float:left;
width:100%;
padding-bottom:2em;
z-index:9
}
/* --- */
h3, h4, h5 a, h6 a, h2.h3 {padding:3px 10px}
h4, h5, h6 {font-weight:700}
/* --- */
.accordion, ul.accordion div ul {margin:0; padding:0 0px; width:
165px;}
ul.accordion ul {margin:0; padding:0 0 0 20px;}
.accordion li {list-style-type:none; width:165px;} /*Being Added by
Akbar Ehsan*/
.accordion .outer {border:1px solid #e0e0e0; border-width:0 1px 1px}
.accordion .inner {padding:10px}
div.accordion .inner {padding:10px 20px}
.accordion .h {padding-top:.3em}
a.trigger {text-decoration:none; padding-left:20px; background-image:
url(/development/jquery/images/plus.gif); background-repeat: no-
repeat; background-position: 0 50%; font-weight:700}
a.trigger.open {background-image: url(/development/jquery/images/
minus.gif)}
#main a.trigger {border-width:1px}
#main a.trigger.open {background-color:#f0f0f0;}
</style>
Regards,
AKbar
On Nov 16, 8:31 pm, Adriana <adipa...@yahoo.com> wrote:
> Sorry, my mistake:
>
> The variable 'containerID' in the script is the ID of the closest
> named container of the accordion.
> In the above example containerID = "#rightcol".
