Accordion with Panel 0 open

I am trying to get the first panel to be open when the page
loads, so far unsuccessfully.
Any ideas why?
My test page here:
HERE
Thanks,
Richard

Hay,
The panel is actually open, but your css is making to look
like its closed...
.AccordionPanelContent {SpryAccordionCOPY... (line 79)
height:0px;
overflow:hidden;
delete height:0px;

Similar Messages

Tweaking how accordion content panels opens

Referencing the accordion at www.Greensboro101.com.
I have an accordion of fixed height. The panels are not fixed height and open at varying heights based on content.
PROBLEM: When a panel tab near the bottom of the visible accorion is clicked, the tab remains staionary while the content panel opens downward, leaving the content panel partially hidden or completely hidden and requiring the user to scroll down in the accordion to see the conent.
DESIRED SOLUTION: I would like to make the tab and associated conent panel, when opened, slide up so that the tab panel is at the very top of the accordion. Is that possible?

Have a look here http://foundationphp.com/tutorials/spry_url_utils.php
Also have a look here where accordions have been used for the menu http://backyardfurniture.com.au/
Gramps

Programmatically Open a Remote Front Panel with Panel Open Method

Hi,
I am trying to open the front panel of the VI on my cRIO-9024 through a remote computer. Currently, I am able to run the VI with no problems with the RUN VI method; however, when I try to open the front panel, I receive "Error 1043 - This property or method is not supported in this version of LabVIEW" or the Front Panel is simply not visible. My cRIO is configured to allow TCP/IP protocol, The VI is visible, and I have made my project into a source distribution on my cRIO.
Any help or suggestions regarding this problem would be great. I am very new to LabVIEW.
I have attached a screenshot of my block diagram and project.
Thanks,
Jake
Attachments:
Block_Diagram.PNG ‏12 KB

Project Img
Attachments:
MyProject.png ‏15 KB
MyProject.png ‏15 KB

Accordion content panels open on IE

I am using Spry 1.6.1. The Accordion works as advertised on Safari and Firefox. On IE all content panels are open. Clicking on them has no effect. A height value is specified in .AccordionPanelContent:
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
background-color: #FFFFCC;
In trying to make this work I have added arguments to the Accordion object constructor call as well:
var rssAccordion = new Spry.Widget.Accordion("rssAccordion",
{useFixedPanelHeights: true, enableAnimation: true, defaultPanel: 0});
I would appreciate any help.
Alan

I have the same problem but I, as far as I can tell, do not have any fatal errors (like open tags) anywhere.
http://www.radioimaging101.com
If ANYONE sees why IE is doing this please let me know... I have tested in Chrome (which I hear behaves a lot like Safari) and in Firefox... they both display it perfectly. I'm using IE 8, btw.
Please help!! Gracias!

Local variable behaviour different with panel open?!

Am I going mad?!
We write to a local variable in a subVI, set it TRUE, but when the subVI completes, if the panel is open, it reverts to FALSE. If the panel is closed, it retains its TRUE value as set by the local variable.
The true terminal of the local variable is cased so that it may, or may not, ever be written to.
This behaviour is definitely different from LV5.1.1.
Bug or feature? Any workaround?
TIA
Tom

> Bug or feature? Any workaround?
>
Both.
Indicators that are on the connector pane of a subVI must always return
a value. Problem is that since the diagram can have case statements, it
is possible for the diagram to run and never write to the indicator.
This was deemed a bad thing and it was decided that these "conditional
indicators" should return a default value if they weren't written to.
This writing happens at the last minute, after the diagram completes.
Each conditional indicator has a flag in it that is cleared before the
subVI runs and is set when the indicator is written to. If still clear
at subVI completion, the default is written to the indicator. When
local variables were added, and later when multithreading was added,
there
were some bugs introduced and later fixed. I don't believe the
behavior should be different depending on whether the panel is open.
It would be best if you would email technical support and tell them the
version of LV you are using, list out the steps, and they can tell you
if the bug was already known about and which version it was fixed by.
In the meantime, I'd recommend taking the locals and indicators taken
out of the case statement. Wire a default value of the case statement
or through the case statement and to the terminal or local.
Greg McKaskle

Keeping at Least One Accordion Panel Open with Variable Heights

Hi -
Is there a way to keep at least one panel open when using {
useFixedPanelHeights: false }?
Here's an example:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#VariablePan elHeights
If panel 4 is open, and you click the panel 4 heading, it
closes and no
panel is open.
Thanks,
Rod

Sorry, I didn't read my full message regarding wanting only
one panel to open.
What I ended up doing was using a PHP conditional to display
a message if a certain variable was not passed in the URL. See my
post on the Friends of Ed forum. Scroll to the bottom for my
solution.
http://friendsofed.infopop.net/4/OpenTopic?a=tpc&s=989094322&f=5283032876&m=3461018571

I look for integrated in the legend bloc of diaporama, a widget such as "Accordion" for, with a click, or passing with mouse, open a new legend for each photo. I tried with "Accordion" of Muse, it does not work. I tried copy/paste, mais no result. The wid

Question.
I look for integrated in the legend bloc of diaporama, a widget such as "Accordion" for, with a click, or passing with mouse, open a new legend for each photo. I tried with "Accordion" of Muse, it does not work. I tried copy/paste, mais no result. The widget disappear in bloc legend. disparaître. Have you one solution?
Thank you,
Loïc

Accordion or Tabbed panel should to it, with click and open container.
Please provide site url where this does not work, also if you can provide an example where we can see the exact action then it would help us.
Thanks,
Sanjit

Prevent lower text from moving when accordion panels open

I tried out the Accordion Panel from Project Seven which is
really nice and works well. My only issue right now is that I would
like to prevent the rest of the text outside and below this widget
within the same column from moving. When any panel opens it causes
the contents of the entire column to shift down thus causing the
page to shift down as well.
I have tried using a new div for the content below the panels
and also a new table below but can't seem to figure out how to keep
the content from shifting. Curently I have a table cell nested and
have tried with CSS to keep it from moving but that is not working
either.
Thanks in advance for any help with this.
Here is the code for the column in question:

no takers on this one? Does anyone know how I could fix this
with divs? Is it possible to put this accordion into a separate div
and create another below it that would not move? Like on the new
apple site...They have some really awesome accordion style navs on
the sides that do not throw the rest of the page off when they open
or close.
Thanks.

Try to keep accordion panel open when selected

Hello,
Could someone help me find the code to "keep the selected panel open" instead of having them closed on each pages.
There is 2 spry collapsed panels. Within the first one there is 1 Spry Accordion with 5 panels which need to stay open when selected.
You will find the site here : www.otaa.fr (but you may use Safari)
Here the codes:
<Head>
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
<style type="text/css">
</head>
<body>
<div id="CollapsiblePanel2" class="CollapsiblePanel">
          <div class="CollapsiblePanelTab" tabindex="0">PROJETS</a></div>
          <div class="CollapsiblePanelContent">
                <td><div id="Accordion1" class="Accordion">
                  <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Logements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td height="21" align="left"><a href="html/Vignoles.html">Rue des Vignoles</a></td>
                      </tr>
                    </table>
            <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Maisons</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Serrieres.html">Maison Serrières</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Bureaux et Sièges Sociaux </a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Tchad.html">Ambassade du Tchad</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Aménagements Intérieurs</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Martin.html">Appartement Martin</a></td>
                      </tr>
                    </table>
               <div class="AccordionPanel">
                    <div class="AccordionPanelTab">Equipements</a></div>
                    <div class="AccordionPanelContent">
                        <tr>
                          <td align="left"><a href="html/Aquatonic.html">Centre Aquatique</a></td>
                      </tr>
                    </table>
< /body>
<script type="text/javascript">
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen:false});
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3");
var accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel:(params.panel?params.panel:-1)});
          </script>
Thanks for you help.

Forget about the tutorial by David Powers. There is an easier way to achieve what you want.
If I understand right, you want the about panel to be open when on the about page and the homw panel when you are on the home page. Simply set the default panel for each page as follows
For the Home page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home Page</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 0});
</script>
</body>
</html>
and for the About page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet">
<script src="SpryAssets/SpryAccordion.js"></script>
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Home</div>
    <div class="AccordionPanelContent"><a href="index.html">Home</a></div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">About</div>
    <div class="AccordionPanelContent"><a href="about.html">About Us</a></div>
</div>
</div>
<script>
var Accordion1 = new Spry.Widget.Accordion("Accordion1", {defaultPanel: 1});
</script>
</body>
</html>
Repeat this process for each of your pages.
Gramps

Opening jQuery UI accordion with a link

I need to create a link that once clicked goes to a jQuery UI accordion. I want the link to open up the accordion when its clicked.
I have been following the instructions on: http://foundationphp.com/tutorials/jqui_specific.php
I have added jQuery in my test page but cant figure out how to get the thing to open from a link.
It doesnt look like it should be to difficult but I have been stuck for hours now...
The guide says:
" Locate the code that initializes the jQuery UI accordion. It should look similar to this:
<script type="text/javascript"> $(function() { $( "#Accordion1" ).accordion(); }); </script>
I dont have anything with $ and when I try to add it I get error messages?
Thanks for any help!

When we were confronted with your orginal questen, we had no idea of the purpose of the accordion panel. This resulted in giving you an answer that was not correct for your application.
What you should have used for your application are a series of collapsible panels.
Copy and paste the following into a new document and view in your favourite browser.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<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://www.webdevdoor.com/demos/expandable-panel-jquery-demo/icon-close-open.png);
    right: 15px;
.expandable-panel-content img {
    float: right;
    padding-left: 12px;
.header-active {
    background-color: #D0D7F3;
</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>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>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>Panel HTML...</p>
    </div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
(function($) {
    $(document).ready(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'));
        var highlightopen = true;
        //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);
                if (highlightopen == true) {
                    $('#cp-'+currentpanel + ' .expandable-panel-heading').addClass('header-active');
            } else {
                obj.clearQueue();
                obj.stop();
                obj.prev().find('.icon-close-open').css('background-position', '0px 0px');
                obj.animate({'margin-top':(panelheight[objid]*-1)}, panelspeed);
                if (highlightopen == true) {
                    $('#cp-'+currentpanel + ' .expandable-panel-heading').removeClass('header-active');
        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);
                    if (highlightopen == true) {
                        $('#cp-'+i + ' .expandable-panel-heading').removeClass('header-active');
        $(window).load(function() {
            panelinit();
        }); //END LOAD
    }); //END READY
})(jQuery);
</script>
</body>
</html>

How can I make the spry accordion remember the panel open when I refresh the page or jump to a new page?

How can I make the spry accordion remember the panel open
when I refresh the page or jump to a new page?
I am using the accordion feature on all my pages as a
navigation aid. It has three panels. When you refresh the page the
panel goes back to the default pane... Is there a way of
controlling this so that the browser can remember the pane that is
open (say set a variable, cookie, other?)

Look for "Set the default open panel" on the following page:
http://labs.adobe.com/technologies/spry/articles/accordion_overview/index.html
Keep in mind you would need to change that bit of code on
every page. The only way to do it more dynamically would be to
include a custom javascript or PHP/ASP style script in order to
change the value.

"Open with" panel items

How do I remove old applications that I no longer have on my Mac from the "Open with" panel the appears when you use the "Open with" command? For example I have Adobe Reader 9.3.4 installed but I'm also given a choice of 2 other Reader versions, in addition to 9.3.4

No. but you can remove duplicates by rebuilding the LaunchServices database with this one-line command run in the Terminal app. Restart after running it:
*/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/LaunchS ervices.framework/Versions/A/Support/lsregister -kill -r -domain local -domain system -domain user*

Pages comments panel open with every document

For whatever reason, Pages keeps opening up the comment panel on the left side of my Pages documents when I open them, even when there isn't a single comment added to the Pages document. I have to manually close the comment box and then save the file, for every file, to remedy the problem.
Any ideas?

Nope. I just opened a document from March 2012 to verify. It opens the document with comments panel open, but I never used the comments panel on the document.
I didn't start using comments until a couple weeks ago, which is when I started having this problem.
It does not, however, do so with every document. There seems to be a specific reason why some documents have this problem, and some do not. But I do not see the pattern.

Accordion Menu - need to control which panel opens

I have an accordion menu that works fine but when I put it
into action
on the site, I realized that I needed the accordion to open
up a
different section on each new page.
Since I have the accordion menu in an SSI (server side
include) I don't
want to have a different spry asset for each page. However, I
think
setting a session variable would work to control which
section is opened.
Anyone done this? What would it look like?

quote:
Danilo Celic wrote:
Try this page:
http://foundationphp.com/tutorials/spry_url_utils.php
Thanks a lot. This web page gave some answers, but now I have
a new problem:
When I test my accordion menu in a normal html page
everything works fine. When I put this accordion menu to my DW
template it stops working. The result is that every accordion's
panels are open!
Why? Can you assist me?
In template head I have this code:
<link href="../SpryAssets/SpryAccordion.css"
rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<script type="text/javascript"
src="SpryAssets/SpryURLUtils.js"></script>
<script type="text/javascript">
var params = Spry.Utils.getLocationParamsAsObject();
</script>
And in template end just before </body> tag I have this
code:
<script type="text/javascript">

</script>

Having the info panel open with curves open

Hi,
Just switched from CS6 to PS CC. I usually set my white and black points using curves. Set the points then go to curves and adjust the points with the RGB channels. In PS CC, I cannot seem to have the curves and info panel open at the same time. Anyone know how to accomplish this?
Thank you,
Jim

Hi, c.pfaffenbichler, Here is a screenshot of the curves properties panel open. I would like to see the info panel open at the same time so I can drag the point on the curve to specific values of R,G and B. If I click on the info tab in this curves panel the info comes up but I do not see the curves properties anymore. I want to be able to see both open at the same time.
Thank you,
Jim

Accordion with Panel 0 open

Similar Messages

Maybe you are looking for