Solved

HTML and Javascript

Posted on 2008-10-29
1
648 Views
Last Modified: 2013-12-25
I am creating a FAQ page, and it needs to be an acordian type, meaning the click on a phrase and that section opens downwards. I have the main part doing that fine, however on the sub categories and sub categories sub category they are open when the main category is open. Can someone take a look and tell me if I am on the right track or why the sub and sub sub categories are already open. Thanks

I have attached the code below

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

<script type="text/javascript" src="animatedcollapse.js">
 

</script>

<script type="text/javascript">
 

animatedcollapse.addDiv('login', 'fade=1')

animatedcollapse.addDiv('login_first_time', 'fade=1')

animatedcollapse.addDiv('login_forgot_password', 'fade=1')
 

animatedcollapse.addDiv('request', 'fade=1')

animatedcollapse.addDiv('request_download', 'fade=1')

animatedcollapse.addDiv('request_fulfillment', 'fade=1')

animatedcollapse.addDiv('request_creative_service_request', 'fade=1')
 

animatedcollapse.addDiv('edittoc', 'fade=1')
 

animatedcollapse.addDiv('editablepages', 'fade=1')
 

animatedcollapse.addDiv('shelfbooks', 'fade=1')
 

animatedcollapse.addDiv('findpages', 'fade=1')
 

animatedcollapse.addDiv('clonebook', 'fade=1')

animatedcollapse.addDiv('clonebook_saving_to_my_favorite', 'fade=1')

animatedcollapse.addDiv('clonebook_accessing_my_favorite', 'fade=1')
 

animatedcollapse.addDiv('savework', 'fade=1')

animatedcollapse.addDiv('otherpresentations', 'fade=1')

animatedcollapse.addDiv('requeststatus', 'fade=1')

animatedcollapse.addDiv('sepclients', 'fade=1')

animatedcollapse.addDiv('pagecomments', 'fade=1')
 

animatedcollapse.init()
 

</script>

<title>Dimensional Fund Advisors-Frequently Asked Questions</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="stylesheet.css" rel="stylesheet" type="text/css" />

</head>

<body style="font-family:arial">

<h1>Librarian  Frequently Asked Questions</h1>

<!--Log in questions -->

</a> <a href="javascript:animatedcollapse.show('login')">

<p><b>How do I log in?</b></p>

</a>

<div id="login" class="help_category"> </a> <a href="javascript:animatedcollapse.show('login_first_time')">

  <!--First time access -->

  <h3>For First Time Access</h3>

  </a>

  <div id="login_first_time" class="help_category_sub_categoryuh">

  <!--First Time Access Directions -->

    <ol>

      <li>Go to the following URL: http://dfa.presentation-librarian.com/1/  (we suggest you bookmark it for future access)</li>

      <li>Enter your email address and temporary password  library</li>

      <li>Click Login</li>

      <li>Fill in the required information, set-up a permanent password, and click Submit. From this point on, use your email address and new password each time you log into Librarian.</li>

    </ol>

    <!--Close First Time Accsee -->

    <a href="javascript:animatedcollapse.hide('login_first_time')">Finished</a> </div>

    <!--First Time Access Forgot Password -->

  </a> <a href="javascript:animatedcollapse.show('login_forgot_password')">

  <h3>Forgot Your Password</h3>

  </a>

  <div id="login_forgot_password" class="help_category_sub_category">

    <!--Forgot Password Steps -->

    <ol>

      <li>Go to the following URL: http://dfa.presentation-librarian.com/1/</li>

      <li>Enter your email address</li>

      <li>Click the forgot password link underneath the Login button</li>

      <li>Answer your Password Retrieval Question and click Submit</li>

      <li>Check your email for your temporary password</li>

      <ol type="a">

        <li>Email Subject Line: Presentation Librarian Password Retrieval</li>

      </ol>

      <li>Navigate back to Librarian and enter your email address and temporary password. From here, you will be prompted to set your password.</li>

    </ol>

    <!--Close Forgot Password Steps -->

    <a href="javascript:animatedcollapse.hide('login_forgot_password')">Finsihed</a> </div>

  <!--Close Login Section -->

  <a href="javascript:animatedcollapse.hide('login')">Close</a> </div>

  <!--Open Request Section -->

<a href="javascript:animatedcollapse.show('request')">

<p><b>How do I make a request?</b></p>

</a>

<div id="request" class="help_category">

  <h2>There are three different ways to request a presentation:</h2>

  <!--Request Downloadable File -->
 
 

  <a href="javascript:animatedcollapse.show('request_download')">

  <h3>Create a Downloadable File</h3>

  </a>

  <div id="request_download" class="help_category_sub_category">

   With Librarian you can customize your own cover and agenda page and build a presentation from standard pages that you simply download as an on-the-fly presentation.<br />

    <!--Request Downloadable File Steps -->

    <ol>

      <li>Select slides for your presentation</li>

      <ol type="a">

        <li>From the Left Navigation Tree, click + to expand the folders and subfolders.</li>

        <li>Click on the file name to view all slides within the file</li>

        <li>Below each slide view is a checkbox Add Slide to Cart. Check the box to add the relevant slides to your presentation (Cart populates with the relevant materials)</li>

        <li>Click Select All Items to add all slides within that file to your cart</li>

        <li>Uncheck the box Add Slide to Cart to remove slides</li>

        <li>Click Deselect All Items to remove all slides contained within that file from your cart</li>

      </ol>

      <li>View your presentation in the cart by selecting Cart at the top page</li>

      <ol type="a">

        <li>Some slides are editable (e.g. the cover and agenda).  Click Edit Slide to make edits to editable slides (see next section on specifics)</li>

        <li>Re-order slides by dragging and dropping the slide to the desired position (hold down the control key to drag and drop multiple slides at once</li>

      </ol>

      <li>Click Download or Request Your Presentation (top of page)</li>

      <ol type="a">

        <li>Name Your Document (note that spaces are not allowed in the naming)</li>

        <li>Click Download Cart to process your presentation as a PDF document</li>

      </ol>

      <li>You will receive an email with a link to the PDF.  You can also access your new presentation in My Request Status under your Personal Workspace in the Left Navigation Tree</li>

    </ol>

    <!--Close Request Downloadable File Steps -->

    <a href="javascript:animatedcollapse.hide('request_download')">Finished</a> </div>

    <!--Request Fulfillment Request -->

  <a href="javascript:animatedcollapse.show('request_fulfillment')">

  <h3>Fulfillment Request</h3>

  </a>

  <div id="request_fulfillment" class="help_category_sub_category"> After building a presentation in your cart, you can send it to Creative Services for fulfillment (printing and shipping).<br />

    <!--Request Fulfillment Steps -->

    <ol>

      <li>Click Download or Request Your Presentation (top of page)</li>

      <ol type="a">

        <li>Name Your Document  (note that spaces are not allowed in the naming)</li>

        <li>Click Creative Service</li>

        <li>Fill-out the Creative Service form with required information, attach reference documents for customization and select if you want to also make a Fulfillment request. Note: If you click yes to Fulfillment, you will prompted to fill out the Fulfillment form</li>

        <li>Click Submit to route this presentation request to Creative Service for customizations 

          and modifications.</li>

      </ol>

      <li>Track the progress of your creative services request in My Request Status under your Personal Workspace in the Left Navigation Tree</li>

      <ol type="a">

        <li>In the comments area you will be able to see who is assigned your job and track its progress.  You can also add your own comments here</li>

        <li>When the job is completed you will also receive an email with a link to the presentation</li>

      </ol>

    </ol>

    <!--Close Request Fulfillment -->

    <a href="javascript:animatedcollapse.hide('request_fulfillment')">Finished</a> </div>

    <!--Open Request Creative Service Request -->

  <a href="javascript:animatedcollapse.show('request_creative_service_request')">

  <h3>Creative Service Request</h3>

  </a>

  <div id="request_creative_service_request" class="help_category_sub_category">

    

    After building a presentation in your cart, you can send it to Creative Services for any new or modified pages.<br />

    <!--Request Creative Service Request Steps -->

    <ol>

      <li>Click Download or Request Your Presentation (top of page)</li>

      <ol type="a">

        <li>Name Your Document  (note that spaces are not allowed in the naming)</li>

        <li>Click Creative Service</li>

        <li>Fill-out the Creative Service form with required information, attach reference documents for customization and select if you want to also make a Fulfillment request. Note: If you click yes to Fulfillment, you will prompted to fill out the Fulfillment form</li>

        <li>Click Submit to route this presentation request to Creative Service for customizations 

          and modifications.</li>

      </ol>

      <li>Track the progress of your creative services request in My Request Status under your Personal Workspace in the Left Navigation Tree</li>

      <ol type="a">

        <li>In the comments area you will be able to see who is assigned your job and track its progress.  You can also add your own comments here</li>

        <li>When the job is completed you will also receive an email with a link to the presentation</li>

      </ol>

    </ol>

    <!--Close Request Creative Service Request -->

    <a href="javascript:animatedcollapse.hide('request_creative_service_request')">Finished</a> </div>

    <!--Close Request -->

  <a href="javascript:animatedcollapse.hide('request')">Close</a> </div>

  <!--Open Edit Table of Contents -->

<a href="javascript:animatedcollapse.show('edittoc')">

<p><b>How do I edit the cover page or Table of Contents? </b></p>

</a>

<div id="edittoc" class="help_category">

  <p.color>

  The TOC engine reads the edits on custom placeholder pages and creates a table of contents page directly after the presentation cover page.  The TOC is designed to replace the current agenda page, and is still in development.  Although it works it is not yet formatted to match the agenda page.  We therefore do not recommend its use at this time.

  </p>

  <!--Close Edit Table of Contents -->

  <a href="javascript:animatedcollapse.hide('edittoc')">Close</a> </div>

  <!--Open Editable Pages -->

<a href="javascript:animatedcollapse.show('editablepages')">

<p><b>How do I use editable pages?</b></p>

</a>

<div id="editablepages" class="help_category">

<!--Editable Pages Steps -->

  <ol>

    <li>If a page is editable, a small edit page link will be below the thumbnail</li>

    <li>Once the page is added to the cart, click on Edit Page at the bottom of the slide (appears for editable slides only)</li>

    <li>The fields that are editable will be listed under Page Items (upper right).  Actual edits are made in the Slide Content area (lower right).</li>

    <li>Once you edit a field, you can click Update Preview to preview your edits.</li>

    <li>Click Save to save your edits and return to the cart</li>

  </ol>

  <!--Close Editable Pages -->

  <a href="javascript:animatedcollapse.hide('editablepages')">Close</a> </div>

  <!--Open Shelve Books -->

<a href="javascript:animatedcollapse.show('shelfbooks')">

<p><b>How do I find Shelf Books?</b></p>

</a>

<div id="shelfbooks" class="help_category">

  <ul>

    <li>The Global Favorites area at the bottom of the navigation tree has many ready-made presentations</li>

    ­

    <ul type="square">

      <li>Click + to expand the folders and view the commonly used shelf books</li>

    </ul>

  </ul>

  <!--Close Shelve Books -->

  <a href="javascript:animatedcollapse.hide('shelfbooks')">Close</a> </div>

  <!--Open Find Pages -->

<a href="javascript:animatedcollapse.show('findpages')">

<p><b>How do I find pages?</b></p>

</a>

<div id="findpages" class="help_category">

<!--Find Pages Steps -->

  <h2>Utilizing the Search Capabilities</h2>

  <ul>

    <li>The File Name Search conducts a search within the file name only.

      <ul type="square">

        <li>On your Welcome Page, enter a phrase and click Search</li>

      </ul>

    </li>

    <li>The Full Text Search and Quick Search conducts a full text search on all content within the library. This includes meta data properties, speaker notes, and all text within the individual pages/slides.

      <ul type="square">

        <li>On your Welcome Page or in the Top Menu bar, enter a word or phrase and click Search</li>

      </ul>

    </li>

    <li>The Advanced Searched allows you to refine your search results be specifying your search criteria.</li>

    <ul type="square">

      <li>Click on the Advanced Search link in the Top Menu bar. Enter a search word or phrase and select your search criteria and click Search</li>

    </ul>

    </li>

  </ul>

  <!--Close Find Pages -->

  <a href="javascript:animatedcollapse.hide('findpages')">Close</a> </div>

  <!--Open Clone Book -->

<a href="javascript:animatedcollapse.show('clonebook')">

<p><b>How can I "clone" an old book?</b></p>

</a>

<div id="clonebook" class="help_category"> There is no Cloning function in Librarian.  The My Favorites area on the navigation tree allows you to create and store ready-made presentations with pages that automatically update with Creative Services scheduled updates.<br />

<!--Clone Saving a Presentation -->

  <a href="javascript:animatedcollapse.show('clonebook_saving_to_my_favorite')">

  <h2>Saving a presentation to My Favorite</h2>

  </a>

  <!--Clone Saving Presentation Steps -->

  <div id="clonebook_saving_to_my_favorite" style="width: 75%; background: #D2FBFF; display:none">

    <ol>

      <li>After you have added slides to your cart, click the Cart link in the header/command bar </li>

      <li>Click Save to My Favorites link</li>

      <li>Name the New Favorite and Add Description</li>

      <li>Click the location where you want to save the new Favorite

        <ol type="a">

          <li>You can also add a new category by clicking Add New Category</li>

        </ol>

      </li>

      <li>Click Save</li>

    </ol>

    <!--Close Saving Presentations Steps -->

    <a href="javascript:animatedcollapse.hide('clonebook_saving_to_my_favorite')">Finished</a> </div>

    <!--Clone Open Accessing Presentations -->

  <a href="javascript:animatedcollapse.show('clonebook_accessing_my_favorite')">

  <h2>Accessing a presentation from My Favorite</h2>

  </a>

  <div id="clonebook_accessing_my_favorite" style="width: 75%; background: #D2FBFF; display:none">

    <!--Clone Accessing Presentation Steps -->

    <ol>

      <li>From the Left Navigation Tree, click + to expand the My Favorites folder 

        (under your Personal Space) and subfolders</li>

      <li>Select the desired Favorite to view the saved slides in the main area</li>

      <li>Select All Items to add all pages to your cart</li>

      <li>Click on the Cart link to request or download the file</li>

    </ol>

    <!--Close Accessing Presentation Steps -->

    <a href="javascript:animatedcollapse.hide('clonebook_accessing_my_favorite')">Finished</a> </div>

    <!--Close Clone Book -->

  <a href="javascript:animatedcollapse.hide('clonebook')">Close</a> </div>

  <!--Open Save Work -->

<a href="javascript:animatedcollapse.show('savework')">

<p><b>How can I save my work if I get pulled away?</b></p>

</a>

<div id="savework" class="help_category">Use My Favorites to save your work if you get pulled away from your desk. We recommend creating a Drafts or Work in Progress folder under My Favorites where you can continually save in progress presentations.<br />

<!--Save Work Steps -->

  <ol>

    <li>After you have added slides to your cart, click the Cart link in the header/command bar</li>

    <li>Click Save to My Favorites link</li>

    <li>Name the new Favorite and add description</li>

    <li>Click the location were you want to save the new Favorite

      <ul>

        <li>You can also add a new category by clicking Add New Category</li>

      </ul>

    </li>

    <li>Click Save</li>

  </ol>

  <!--Close Save Work -->

  <a href="javascript:animatedcollapse.hide('savework')">Close</a> </div>

  <!--Open Other RD's Presentations  -->

<a href="javascript:animatedcollapse.show('otherpresentations')">

<p><b>How can I see other RDs' presentations?</b></p>

</a>

<div id="otherpresentations" class="help_category">

  <p>All past RD presentations are stored in the Reference Library (available 11/15/08). Click on the link from within Librarian, sort on that particular RDs name and download the PDF file.</p>

  <!--Close Other RD's Presentations -->

  <a href="javascript:animatedcollapse.hide('otherpresentations')">Close</a> </div>

  <!--Open Request Status -->

<a href="javascript:animatedcollapse.show('requeststatus')">

<p><b>How can I see the status of my requests?</b></p>

</a>

<!--Request Status Steps -->

<div id="requeststatus" class="help_category">

  <p>Track the status of your request by viewing your My Request Status under your personal workspace in the Left Navigation Tree.</p>

  <ul>

    <li>In Progress Items are tailored requests that are still in development with the Creative Services team </li>

    <li>Completed Items are final PDFs of your fulfillment or Creative Services requests</li>

    <li>Download Requests are presentations that you have created for immediate download 

      (via Create a Downloadable Presentation).</li>

    <li>Rejected Items are requests that were rejected from the Creative Services workflow</li>

  </ul>

  <!--Close Request Status -->

  <a href="javascript:animatedcollapse.hide('requeststatus')">Close</a> </div>

  <!--Open Separate Clients Accounts -->

<a href="javascript:animatedcollapse.show('sepclients')">

<p><b>Why can't I put separate account clients into Librarian?</b></p>

</a>

<div id="sepclients" class="help_category">

  <p>Presently, separate account holdings information is not stored in Librarian because of compliance concerns.  Accent Technologies is working with Creatives Services and Compliance on a resolution that will allow separate account presentations to be created and archived in Librarian along with all other presentations.</p>

  <!--Close Separate Clients Accounts -->

  <a href="javascript:animatedcollapse.hide('sepclients')">Close</a> </div>

  <!--Open Page Comments -->

<a href="javascript:animatedcollapse.show('pagecomments')">

<p><b>How can I make comments on pages in the system?</b></p>

</a>

<!--Page Comments Steps -->

<div id="pagecomments" class="help_category">

You can make comments on the slide level as well as the presentation level in Librarian.  Comments will allow for continual improvement of the slide content in Librarian.<br />

  <ol>

    <li>Go to your Personal Workspace in the Left Navigation Tree</li>

    <li>Click on My Request Status</li>

    <li>Under the In Progress Items click on the file name</li>

    <li>Click View Thumbnails to view all pages</li>

    <li>Click on appropriate page</li>

    <li>Click Add Comment to add comments to the specific page</li>

    <li>Type in message and click Ok</li>

  </ol>

  <!--Close Page Comments Steps -->

  <a href="javascript:animatedcollapse.hide('pagecomments')">Close</a> </div>

</body>

</html>

Open in new window

0
Comment
Question by:mikeregas
1 Comment
 
LVL 16

Accepted Solution

by:
robinu earned 500 total points
Comment Utility
You can set yourself whether a div should be initially shown or hidden.

E.g. with hide=1, you can hide these 2 divs:

animatedcollapse.addDiv('login_first_time', 'fade=1,hide=1')
animatedcollapse.addDiv('login_forgot_password', 'fade=1,hide=1')
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now