Adobe Dreamweaver CS3 Expandable Lists

Adobe Communities, I have yet another problem. A Few Examples of what I am trying to achieve:
Demo Expandable list
Pure CSS collapsible tree menu | The CSS Ninja
The Spry Menu doesn't work exactly how I would like it. Those scripts didn't exactly work for me, for some reason.
I only need one expansion. As after you click any of the 'Texts' you will be re-directed to another page. Headers should be collapsible and I don't want to install any third party applications. Example shown below:
'When lists are expanded header arrows point Upwards' when lists are not expanded the arrow points 'Downwards'.
Header 1 ^
     Text 3
     Text 2
     Text 1
Header 2 ^
     Text 3
     Text 2
     Text 1
In addition to this, I need a similar feature done where if you click 'Read More' this will expand the text. E.g:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec sagittis ultricies arcu, quis porttitor risus placerat et.
Proin quis metus diam, quis bibendum dolor. Nulla nec dapibus nunc.
Quisque ac erat sit amet nisl venenatis consequat nec in nibh.
Aliquam viverra vestibulum elit faucibus sollicitudin. Read More
When the person clicks 'Read More' this reveals 'Lorem ipsum dolor sit amet'.
Thanks for the help, I will reply ASAP after you guys.

Code from Fiddle works ok see page below:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(function () {
    /*-------------------- EXPANDABLE PANELS ----------------------*/
    var panelspeed = 500; //panel animate speed in milliseconds
    var totalpanels = 3; //total number of collapsible panels
    var defaultopenpanel = 0; //leave 0 for no panel open
    var accordian = false; //set panels to behave like an accordian, with one panel only ever open at once
    var panelheight = new Array();
    var currentpanel = defaultopenpanel;
    var iconheight = parseInt($('.icon-close-open').css('height'));
    //Initialise collapsible panels
    function panelinit() {
        for (var i = 1; i <= totalpanels; i++) {
            panelheight[i] = parseInt($('#cp-' + i).find('.expandable-panel-content').css('height'));
            $('#cp-' + i).find('.expandable-panel-content').css('margin-top', -panelheight[i]);
            if (defaultopenpanel == i) {
                $('#cp-' + i).find('.icon-close-open').css('background-position', '0px -' + iconheight + 'px');
                $('#cp-' + i).find('.expandable-panel-content').css('margin-top', 0);
    $('.expandable-panel-heading').click(function () {
        var obj = $(this).next();
        var objid = parseInt($(this).parent().attr('ID').substr(3, 2));
        currentpanel = objid;
        if (accordian == true) {
            resetpanels();
        if (parseInt(obj.css('margin-top')) <= (panelheight[objid] * -1)) {
            obj.clearQueue();
            obj.stop();
            obj.prev().find('.icon-close-open').css('background-position', '0px -' + iconheight + 'px');
            obj.animate({
                'margin-top': 0
            }, panelspeed);
        } else {
            obj.clearQueue();
            obj.stop();
            obj.prev().find('.icon-close-open').css('background-position', '0px 0px');
            obj.animate({
                'margin-top': (panelheight[objid] * -1)
            }, panelspeed);
    function resetpanels() {
        for (var i = 1; i <= totalpanels; i++) {
            if (currentpanel != i) {
                $('#cp-' + i).find('.icon-close-open').css('background-position', '0px 0px');
                $('#cp-' + i).find('.expandable-panel-content').animate({
                    'margin-top': -panelheight[i]
                }, panelspeed);
   // run once window has loaded
   panelinit();
</script>
<style>
h2, p, ol, ul, li {
    margin:0px;
    padding:0px;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
#container {
    width:300px;
    margin:auto;
    margin-top:100px;
/* --------- COLLAPSIBLE PANELS ----------*/
.expandable-panel {
    width:100%;
    position:relative;
    min-height:50px;
    overflow:auto;
    margin-bottom: 20px;
    border:1px solid #999;
.expandable-panel-heading {
    width:100%;
    cursor:pointer;
    min-height:50px;
    clear:both;
    background-color:#E5E5E5;
    position:relative;
.expandable-panel-heading:hover {
    color:#666;
.expandable-panel-heading h2 {
    padding:14px 10px 9px 15px;
    font-size:18px;
    line-height:20px;
.expandable-panel-content {
    padding:0 15px 0 15px;
    margin-top:-999px;
.expandable-panel-content p {
    padding:4px 0 6px 0;
.expandable-panel-content p:first-child {
    padding-top:10px;
.expandable-panel-content p:last-child {
    padding-bottom:15px;
.icon-close-open {
    width:20px;
    height:20px;
    position:absolute;
    background-image:url(http://i.imgur.com/Ir4S1H7.png);
    right:15px;
</style>
</head>
<body>
<div id="container">
    <div class="expandable-panel" id="cp-1">
        <div class="expandable-panel-heading">
            <h2>Content heading 1<span class="icon-close-open"></span></h2>
         </div>
        <div class="expandable-panel-content">
            <p>First Panel HTML...</p>
        </div>
    </div>
    <div class="expandable-panel" id="cp-2">
        <div class="expandable-panel-heading">
            <h2>Content heading 2<span class="icon-close-open"></span></h2>
         </div>
        <div class="expandable-panel-content">
            <p>Second Panel HTML...</p>
        </div>
</div>
<div class="expandable-panel" id="cp-3">
     <div class="expandable-panel-heading">
         <h2>Content heading 3<span class="icon-close-open"></span></h2>
     </div>
     <div class="expandable-panel-content">
         <p>Third Panel HTML...</p>
     </div>
</div>
</div>
</body>
</html>

Similar Messages

Dream weaver8/Adobe dreamweaver CS3

Now this will show just how new I am to
dreamweaver/computer knowledge etc.
I recently did a course on dreamweaver8, purchased an update
of softwear I already had thinking it contained dreamweaver8? I
purchased Adobe Creative Suite 3 Web Premium. now when I open
dreamweaver it says "Dw Adobe Dreamweaver CS3" ????
Is this a later version? Older Version? I also purchased the
book "Dreamweaver 8 for Dummies" (I know I know fitting ) to make
it easier to know how to create a site/define etc, but some of the
things like a box Refresh local file list automatically, is not
available when I go to define a site.
Appreciate any info that will stop my confusion about if they
are same product etc.

This is a multi-part message in MIME format.
------=_NextPart_000_00CC_01C852FF.69C33CC0
Content-Type: text/plain;
charset="UTF-8"
Content-Transfer-Encoding: quoted-printable
At one point, there were performance considerations with
large sites. =
However, I always recommended that you select the option
until you =
experienced lags in processing.
Best - Joe
Joseph Lowery
VP of Marketing, WebAssist
Author, Dreamweaver CS3 Bible
"David Powers" <[email protected]> wrote in message =
news:[email protected]...
AesopsFrog wrote:
> I presume then that the box on version 8 "Refresh local
file list =
automatically" is now a feature and not a choice
Yes, it was selected by default in DW8. Now it's no longer
an option.
To be honest, I've no idea why it was optional before. I
can't=20
understand why you wouldn't want the file list to be
updated.
--=20
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/
------=_NextPart_000_00CC_01C852FF.69C33CC0
Content-Type: text/html;
charset="UTF-8"
Content-Transfer-Encoding: quoted-printable
=EF=BB=BF<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html;
charset=3Dutf-8">
<META content=3D"MSHTML 6.00.6000.16587"
name=3DGENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=3D#ffffff>
<DIV><FONT face=3DArial size=3D2>At one point,
there were performance =
considerations=20
with large sites. However, I always recommended that you
select the =
option until=20
you experienced lags in processing.</FONT></DIV>
<DIV>
<P><FONT face=3DArial size=3D2>Best -
Joe</FONT></P>
<P><FONT face=3DArial size=3D2>Joseph
Lowery<BR>VP of Marketing, =
</FONT><A=20
href=3D"
http://www.webassist.com/"><FONT
face=3DArial=20
size=3D2>WebAssist</FONT></A><BR><FONT
face=3DArial size=3D2>Author, =
</FONT><A=20
href=3D"
http://www.idest.com/dreamweaver/"><FONT
face=3DArial =
size=3D2>Dreamweaver CS3=20
Bible</FONT></A></P></DIV>
<BLOCKQUOTE=20
style=3D"PADDING-RIGHT: 0px; PADDING-LEFT: 5px; MARGIN-LEFT:
5px; =
BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 0px">
<DIV>"David Powers" <<A=20
href=3D"mailto:[email protected]">[email protected]</A>>
wrote in =
message <A=20
=
href=3D"news:[email protected]">news:fm3n50$2f3$1@forums=
.macromedia.com</A>...</DIV>AesopsFrog=20
wrote:<BR>> I presume then that the box on
version 8 "Refresh local =
file=20
list automatically" is now a feature and not a
choice<BR><BR>Yes, it =
was=20
selected by default in DW8. Now it's no longer an
option.<BR><BR>To be =
honest,=20
I've no idea why it was optional before. I can't
<BR>understand why =
you=20
wouldn't want the file list to be
updated.<BR><BR>-- <BR>David Powers, =
Adobe=20
Community Expert<BR>Author, "The Essential Guide to
Dreamweaver CS3" =
(friends=20
of ED)<BR>Author, "PHP Solutions" (friends of
ED)<BR><A=20
=
href=3D"
OTE></BODY></HTML>
------=_NextPart_000_00CC_01C852FF.69C33CC0--

Adobe Dreamweaver CS3 has shopped working

In the past two days I have been getting the following error
message when I try to make changes to an open page in Dreamweaver
CS3:
"Adobe Dreamweaver CS3 has stopped working"
"A problem caused the program to stop working correctly.
Windows will close the program and notify you if a solution is
available".
I am running Windows Vista Ultimate. I have not installed any
new programs recently, so I'm thinking that either a recent Windows
Update or and Adobe Update may be causing this new problem. Is this
a known issue? Does anyone know of a solution to this
problem?

Rene wrote:
> In the past two days I have been getting the following
error message when I try
> to make changes to an open page in Dreamweaver CS3:
This is probably the answer to your problem:
http://www.adobe.com/go/kb402776
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Missing File - Adobe Dreamweaver CS3 with ASP, Coldfusion, and PHP

On page 263 of Adobe Dreamweaver CS3 with ASP, Coldfusion,
and PHP by:Jeffrey Bardzel and Bob Flynn the file called
countryDetailXML.asp is missing. How can I find that file? Any
idea?
Thanks for your help.

@citaiz,
That file is created earlier in the lesson in an exercise
starting on page 257. For the sake of the lesson, you can use
countryDetail.xml that is included in the lesson 09 start folder.
It is not important for this lesson that the XML is a static file
or one generated in real time from the database. The version of
Spry (1.4) that shipped with DW CS3 used XML data only. The current
version (1.6.1) can use JSON and HTML tables for the data source as
well. You can get the latest version of Spry for free at
http://labs.adobe.com/technologies/spry/,
including an extension to update your copy of DW to the latest
version.
Bob Flynn

Adobe Dreamweaver CS3 with ASP coldfusion and PHP search?

I am working through Adobe Dreamweaver CS3 with ASP
coldfusion and PHP with the intent of creating a data base site
that primarily requires a search engine on the index page. The
search page in the book uses specific search criteria ensuring that
there will always be a match to the data base but I need to create
an input text field search engine. My Q, if there is no data within
the data base that match the variable, will it return with an error
requiring an argument in the code to respond to no matching data.
Hopefully there are comprehensive online recourses for these search
engines as they are so common. I am a complete newby to all aspects
of web development and code so it will need to be a thorough
explanation, an idiots guide. ANY HELP GREATLY APPRECIATED

Rob,
Let me try to answer your questions, understanding that my
answers are laced with my experience and therefore my bias.
1. For the most part the SQL that you write for Access, MS
SQL or MySQL is going to be the same. I won't make that claim about
Oracle or PostgreSQL because I have limited or no experience in
those areas. To be sure when you head down the road with any DBMS
there are finer points on 'value added' features (to over simplify
things like MS SQL's Transact SQL), but for the most part when you
are pulling out, inserting or deleting records the SQL that you
write will be the same. In fact, I don't think I had to make any of
the SQL in the book different to deal with the back end db.
2. As for your host steering you away from MySQL, I don't
know why that would be. It is MUCH more stable and robust than
Access for web development. My research showed that you can use
MySQL just fine with ASP though that clearly wouldn't be
Microsoft's first choice.
3. A quick aside, the fact that you are building ASP on a Mac
would seem to indicate that you are developing on your production
server. That's never a good idea. Go local if you can. If you have
a newer Intel Mac you can use VM Fusion, Parallels or even Boot
Camp to run Windows in a virtual environment and develop there,
only moving your code to production when you are happy with it.
There is of course the fact that they two environments would not be
identical and you may need to change a few references, but it is
still a better practice than developing on your live site. Some web
hosts give you the ability to set up a subdomain. If yours does,
you could set one up with a duplicate of your site and develop
there.
4. Let me try to pull your 'rant-let' apart into two issue. I
begin with a question. I'm not sure what the Mac part has to do
with it. The primary language I work in at my day job is
ColdFusion. The majority of the most serious developers I know in
the CF world work on Macs. I am forced into the PC world because of
a cultural bias at the business school where I work. Having said
that, the only time I have felt there was ANY difference in the
tools, resources, choices I had was in any way affected by platform
was when Adobe still had not released Flex Builder 2 for the Mac.
Now that is behind us as well. This reaction of mine may be based
on the fact that Access never comes into play in the work that I
do. I regularly work with MS SQL and MySQL. (OK, so SQL Enterprise
Manager, the MS tool of choice to talk to MS SQL is Windows only,
but I only use that at the day job. But even there you can find
cross-platform, free tools like Aqua Data Studio to talk from a Mac
to MS SQL.) If I'm missing your point on the Mac, please let me
know. Since the advent of the Intel Mac I think it is hands-down
the best choice for a web developer. You can have Mac, Windows and
Unix all on one machine. It doesn't get any better (providing you
have the RAM :-)).
As for the security question, it is somewhat analogous to the
war on viruses and spyware. As the defenses get better, so do the
attacks. Most languages have developed functions for vetting user
input variables and best practices for building these things. It is
mainly a user education issue. When I took over the book you are
working out of, the one thing Jeffrey told me it needed was more
security. I did my best to put more in under the constraints of the
publisher. They didn't want the book to be any longer than the
previous version. I did my best to modify the code used to include
"string safe" functions and to add verbiage about the importance of
security. It was clear that I could not add as much as was needed
and I said so in the book. Much more is needed for a serious
treatment of the subject and not acknowledging that would have been
a disservice to the readers. I've been working as a developer for
over a decade and I don't know all there is to know about it. It's
a constantly changing field, just like all of web development. In
fact next week I'm going through a 2-day SANS Web Application
Security workshop in hopes of learning more. So at the risk of
sounding like an industry apologist, I don't think it's a
shortcoming of the development community. It is, as they say, "a
developing situation".
HTH,
Bob
http://bobflynn.info/

I had earlier installed adobe dreamweaver cs3 on windows 7 my system got crashed, we have changed the hardware installed win 8.1 now dreamweaver is giving activation error exceeded activation limit please help

i had earlier installed adobe dreamweaver cs3 on windows 7 my system got crashed, we have changed the hardware installed win 8.1 now dreamweaver is giving activation error exceeded activation limit please help

Hello,
what concerns your wish about an uinstaller, so you should use
https://helpx.adobe.com/creative-suite/kb/cs3-product-downloads.html >>> AND note this "Read before you download a CS3 product". And esp, "You need your CS3 serial number to complete the installation" but this shouldn't be a problem for you, because you had an official version and so you can use all these informations like https://helpx.adobe.com/x-productkb/global/find-serial-number.html
Hans-Günter

I couldn't find the link for downloading or buying Adobe Dreamweaver CS3 for both Windows and Mac

Hi,
I have been looking for Adobe Dreamweaver CS3 but I could not find in any website. Could anyone provide with the downloading link.
Thanks

OK, so forget about CS3. Without a valid serial number, you cannot activate the trial version and Adobe no longer sells CS3.
Any reason you're specifically trying to obtain CS3?
You can purchase CS6 for a one time fee
Creative Suite 6
Or join the Adobe Cloud.
Creative Cloud pricing and membership plans | Adobe Creative Cloud

Adobe Dreamweaver CS3 - Help - Test Server

Hey,
I work for my University on a "Numeracy Inititative", we use Flash Modules develped by Adobe Flash 8, and host them on a website that was developed by Dreamweaver (not sure which version).
The website is located here: http://www.uoguelph.ca/numeracy/
I've been tasked to kind of change the format of the site...make it more "user friendly". And I'm using Adobe Dreamweaver CS3...and I've been spending the day looking at tutorials and what not, but I want to put the website up onto a test server, I try doing the "preview in browser" but when I do I get a "Unable to connect".
Is there something else I can do...another method?
Thanks in advance,
Steve

You didn't answer Murray's question.
The method you're using can work, but it can get out of control pretty fast if you have a lot of files to test. Some folks just create a separate folder for testing that way.
I would set up a local test server for this purpose. If that is not an option for you, you might be able to create a subdomain on your live server, say http://test.example.com . You can even create a simple http authentication for the subdomain so that bots and search engines don't find it.
Mark A. Boyd
Keep-On-Learnin' :-)
If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.

Adobe Dreamweaver CS3 "PUT" Button

Hi,
I just created a basic home page using adobe dreamweaver cs3,
and have already created an ftp link with my website server. But
how come the "put" button was in gray, and I can't click it?
Thanks,
Jimster

Steve is right on target here. Do not use FTP & RDS when
you create a site
definition without checking with either of us first.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Dooza" <[email protected]> wrote in message
news:fmnbou$2am$[email protected]..
> Jimster1218 wrote:
>> Yes, I did that. But the "put" button is still in
gray.
>
> It sounds like you have chosen "FTP & RDP", this
isn't what you wanted to
> do, you wanted to create a "SITE". Delete your site
definition and create
> a new one, but this time select "SITE".
>
> When you use "FTP & RDP" you are working live on the
files on the server,
> that is why there is not PUT.
>
> When you use "SITE" you have a local site, and your
remote site. For more
> information use F1 and have a read.
>
> Steve

Adobe Dreamweaver CS3

Anyone who had seen this two failure?
A script in file: C:\Programs\Adobe\Adobe Dreamweaver
CS3\Configuration\Translators\TranslationManager.js has been
running for a long time. Do you want to continue? Yes or No..
A script in file: C:\Programs\Adobe\Adobe Dreamweaver
CS3\Configuration\Translators\TMCallback.js has been running for a
long time. Do you want to continue? Yes or No..
They come when i try på opend a file... og when i try to
save a file... :S

Troubleshooting JavaScript errors in Dreamweaver
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_19105#dat
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"TMEH" <[email protected]> wrote in message
news:fonq4t$s2s$[email protected]..
> Anyone who had seen this two failure?
>
> A script in file: C:\Programs\Adobe\Adobe Dreamweaver
> CS3\Configuration\Translators\TranslationManager.js has
been running for a
> long
> time. Do you want to continue? Yes or No..
>
> A script in file: C:\Programs\Adobe\Adobe Dreamweaver
> CS3\Configuration\Translators\TMCallback.js has been
running for a long
> time.
> Do you want to continue? Yes or No..
>
> They come when i try p? opend a file... og when i try to
save a file...
> :S
>

TXT File Association is remove when Adobe Dreamweaver CS3 is remove.

For some reason when Adobe Dreamweaver CS3 is remove, .txt
file association is also remove; new text file is missing. Fix for
TXT File Association is available at Windows XP File Association
Fixes:
http://www.dougknox.com/xp/file_assoc.htm

For some reason when Adobe Dreamweaver CS3 is remove, .txt
file association is also remove; new text file is missing. Fix for
TXT File Association is available at Windows XP File Association
Fixes:
http://www.dougknox.com/xp/file_assoc.htm

Adobe Dreamweaver cs3 download, exe file can not open

I downloaded Adobe Dreamweaver cs3 as a torrent and its a .exe file how could i make this work? Or could another option

The .EXE is a Windows version. Download the Mac version (the .DMG).

Can Adobe Dreamweaver CS3 be made compatible with Windows 7?

Can Adobe Dreamweaver CS3 be made compatible with Windows 7

You might need to run it in compatibility mode.
http://windows.microsoft.com/en-us/windows7/make-older-programs-run-in-this-version-of-win dows
Nancy O.

Dreamweaver ne se ferme plus "Adobe Dreamweaver CS3 ne répond pas"

Bonjour,
plus moyen de fermer normalement Dreamweaver CS3 depuis quelques mois. j'ai changé de PC il y a quelques temps (j'ai un HP Quad Core + Vista Familial, rien de révolutionnaire...) mais je ne suis pas sûr que ce soit au même moment ? Il se passe tant de choses sur un PC ...
Il me faut utiliser CTRL+ALT+SUPPR chaque fois c'est assez désagréable, que la fermeture ait lieu par le menu "fichier" ou par la croix de la barre des titres.
j'ai tenté une réinstall, une suppression du fichier "WinFileCache-xx.dat", rien ne change.
Est ce qqu'un a eu le même soucis ? A une piste ?
Merci !
ci-jointe une capture du problème...

Je vois souvent le meme chose, mais sur le MAC.Essayez le suivant:
The problem is probably ftp timeout.
On the files window, click the "show" button. (je ne sais pas ce que c'est en francais)
The Site configuration dialogue should appear
Click OK
Dreamweaver will login to the site again (assuming the ftp timed out) and refresh the cache
Now close dreamweaver. It will close normally.
The same applies if you try and save changes and it times out. If it starts timing out, click "cancel" and then do the above steps.
This behavior is in both Dreamweaver CS3 and CS4.

Adobe Dreamweaver CS3 Silent Install

I have followed adobe's instructions on how to perform a
silent install with the preserialization built in to the silent
install. I recieve an exit code 6 when trying to use the
Application Override file that Adobe has provided. Any
suggestions?

Mike.Yates wrote:
> I contacted Adobe support and the guy asked me to post
on the forum because
> they dont "really support silent install". He stated
that the developers check
> the forums quiet often and they might be able to assist.
Hmm. That sounds a rather lame response. Not your fault, of
course, but
if Adobe gives instructions for silent install, their
technical support
people should be able to provide you with assistance. I'll
try to draw
this to someone's attention to see if you can get an answer.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Adobe Dreamweaver CS3 Expandable Lists

Similar Messages

Maybe you are looking for