| View previous topic :: View next topic |
| Author |
Message |
Johnathan
1000+ Club
Joined: 31 May 2007
Posts: 1050
Location: Belfast, Northen Ireland
|
 Posted: Mon May 05, 2008 2:36 am Post subject: Accordion |
 |
|
| Code: |
<div id="basic-accordian" ><!--Parent of the Accordion-->
<!--Start of each accordion item-->
<div id="test-header" class="accordion_headings header_highlight" >Win Downloads</div>
<!--Heading of the accordion ( clicked to show n hide ) -->
<!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
<div id="test-content"><!--DIV which show/hide on click of header-->
<!--This DIV is for inline styling like padding...-->
<div class="accordion_child"><a href="win-3di.php">3D/Imageing</a><br />
<a href="win-av.php">Audio Visual</a><br />
<a href="win-web.php">Web Design/Development</a><br />
<a href="win-office.php">Office/Print</a>
</p>
</div>
</div>
<!--End of each accordion item-->
<!--Start of each accordion item-->
<div id="test1-header" class="accordion_headings" >Mac Downloads</div>
<!--Heading of the accordion ( clicked to show n hide ) -->
<!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
<div id="test1-content"><!--DIV which show/hide on click of header-->
<!--This DIV is for inline styling like padding...-->
<div class="accordion_child"><a href="mac-3di.php">3D/Imageing</a><br />
<a href="mac-av.php">Audio Visual</a><br />
<a href="mac-web.php">Web Design/Development</a><br />
<a href="mac-office.php">Office/Print
</a></div>
</div>
<!--End of each accordion item-->
<!--Start of each accordion item-->
<div id="test2-header" class="accordion_headings" >Photoshop</div>
<!--Heading of the accordion ( clicked to show n hide ) -->
<!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
<div id="test2-content"><!--DIV which show/hide on click of header-->
<!--This DIV is for inline styling like padding...-->
<div class="accordion_child"><a href="ps-brushes.php">Brushes</a><br />
<a href="ps-patterns.php">Patterns
</a><br />
<a href="ps-gradients.php">Gradients
</a><br />
<a href="ps-plugins.php">Plugins</a><br />
<a href="ps-presets.php">Presets</a></div>
</div>
<!--End of each accordion item-->
<!--Start of each accordion item-->
<div id="test2-header" class="accordion_headings" >Scripts</div>
<!--Heading of the accordion ( clicked to show n hide ) -->
<!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
<div id="test2-content"><!--DIV which show/hide on click of header-->
<!--This DIV is for inline styling like padding...-->
<div class="accordion_child"><a href="scripts-php.php">PHP</a><br />
<a href="scripts-js.php">Javascript </a><br />
<a href="scripts-html.php">(X)HTML </a><br />
<a href="scripts-css.php">CSS</a><br />
<a href="scripts-xml.php">XML</a></div>
</div>
<!--End of each accordion item-->
<!--Start of each accordion item-->
<div id="test2-header" class="accordion_headings" >Other</div>
<!--Heading of the accordion ( clicked to show n hide ) -->
<!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
<div id="test2-content"><!--DIV which show/hide on click of header-->
<!--This DIV is for inline styling like padding...-->
<div class="accordion_child">
<script type="text/javascript">
//<![CDATA[
<!--
google_ad_client = "pub-1424534937120197";
/* 200x90, created 4/27/08 */
google_ad_slot = "3527801093";
google_ad_width = 200;
google_ad_height = 90;
//-->
//]]>
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br />
</div>
</div>
</div>
|
Anyone know why the Scripts and Other tabs aren't cloding and just staying open? The original script had three tabs and I just copied and pasted the stuff I though I needed but it isn't working properly. Here's the link to the page http://www.jbportal.net/downloads_copy.php
Oh, and how can I make it start closed? |
|
| Back to top |
|
 |
|
|
rangana
500+ Club
Joined: 27 Feb 2008
Posts: 715
Location: Cebu City Philippines
|
| Posted: Tue May 06, 2008 1:05 am Post subject: Re: Accordion |
|
|
Could you link us to the original page where these codes came  |
|
| Back to top |
|
|
Johnathan
1000+ Club
Joined: 31 May 2007
Posts: 1050
Location: Belfast, Northen Ireland
|
| Posted: Tue May 06, 2008 1:07 am Post subject: Re: Accordion |
|
|
It's ok I think I got it now  http://www.jbportal.net/downloads_copy.php Only thing I would like to change is to have them all closed when the page loads instead of the Windows Downloads being open |
|
| Back to top |
|
|
rangana
500+ Club
Joined: 27 Feb 2008
Posts: 715
Location: Cebu City Philippines
|
| Posted: Tue May 06, 2008 1:09 am Post subject: Re: Accordion |
|
|
| I don't get it, when I get into your page...Only the Window Downloads link is open!? |
|
| Back to top |
|
|
Johnathan
1000+ Club
Joined: 31 May 2007
Posts: 1050
Location: Belfast, Northen Ireland
|
| Posted: Tue May 06, 2008 1:11 am Post subject: Re: Accordion |
|
|
| Yea, but I don't want any of them to be open. Well I didn't but now I think it looks ok. Just one last thing, can I round the corners using CSS? |
|
| Back to top |
|
|
Johnathan
1000+ Club
Joined: 31 May 2007
Posts: 1050
Location: Belfast, Northen Ireland
|
| Posted: Tue May 06, 2008 1:12 am Post subject: Re: Accordion |
|
|
| Actually i don't want them rounded, it wont fit in with the rest of the site. |
|
| Back to top |
|
|
rangana
500+ Club
Joined: 27 Feb 2008
Posts: 715
Location: Cebu City Philippines
|
| Posted: Tue May 06, 2008 1:25 am Post subject: Re: Accordion |
|
|
| Johnathan wrote: |
| Actually i don't want them rounded, it wont fit in with the rest of the site. |
...So things are resolved? |
|
| Back to top |
|
|
Johnathan
1000+ Club
Joined: 31 May 2007
Posts: 1050
Location: Belfast, Northen Ireland
|
| Posted: Tue May 06, 2008 8:34 am Post subject: Re: Accordion |
|
|
Yup  . |
|
| Back to top |
|
|
|
