You are welcome Akbar and I’ll be glad to see the live version of your
accordion.
Regards,
Adriana
On Nov 18, 10:43 pm, Akbar <akbareh...@gmail.com> wrote:
> 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".
>
>
