Skip navigation
bex43
Currently Being Moderated

Why has my spry collapsable panel disappeared in live view?

Aug 28, 2009 6:47 AM

have I accidently deleted some vital code? On the page it all seems to be there. At my wit's end! please help!!!  Attached the page.

Attachments:
 
Replies
  • Currently Being Moderated
    Aug 28, 2009 8:02 AM   in reply to bex43

    Typical collapsible panel construction is as

    <div id="CollapsiblePanel1" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0">Tab</div>
      <div class="CollapsiblePanelContent">Content</div>
    </div>

    I notice that in several places, at least, you haveCollapsiblePanelContent class assigned to <p> tags. As you have seen, that does not appear to work. You need to be working with <div> tags, as the original markup provided. <div>s are block level elements, and I know of no working variant that uses paragraph tags and spans.

     

    <p> </p>
    <p class="CollapsiblePanelContent"> </p>
    <p class="CollapsiblePanelContent">
    <span class="CollapsiblePanelOpen">
    <span class="CollapsiblePanelTab">
    <br/>
    </span>
    </span>

     

     

    Look also to your file paths; at least one was pointing to your hard drive (yikes!).

     

    It's a little hard to troubleshoot more effectively without actually have a link to your page on a server, as the javascript and css files are not available.

     

    Beth

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 30, 2009 12:23 PM   in reply to Zabeth69

    Spry widgets usually follow the structure that you use, not the markup. As you can see on the samples: http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/colla psible_panel_sample.htm the last sample uses a alternate markup.

     

    Anyways, If you could post a online url, it would be more helpful

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 30, 2009 1:40 PM   in reply to Arnout Kazemier

    I stand corrected! Thanks for the tip on the alternate markup.

     

    Beth

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points