Never mind. I was missing something obvious. I added another style:
.accordion a{text-decoration:none;}
and it is all good.
Once I have my simple nested accordion online in production, I will
let you know.
Thanks,
Akbar
On Nov 18, 4:34 pm, Akbar <akbareh...@gmail.com> wrote:
> 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".
