Accordion fade/appear stay's after clicking another tab/content
Hi,
In the accordion Tab i've putten the effect fade/appear on the image.
Problem:
When I close the panel by clicking on te accordion Content, the Tab stay's dark.
This also stay's dark when I click on another Tab.
After clicking on content or another Tab, the Tab which is dark needs to go back to the start position (like you hit F5).
http://www.home-maastricht.nl/signage.html
I hope you understand what the problem is.
Thanks for your help!
Carla
There has to be a more elegant way to do this, but here goes
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<link href="http://www.home-maastricht.nl/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" />
<link href="http://www.home-maastricht.nl/SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" />
<link href="http://www.home-maastricht.nl/mh1architecten.css" rel="stylesheet" />
<link href="http://www.home-maastricht.nl/SpryAssets/SpryAccordion.css" rel="stylesheet" />
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryEffects.js"></script>
<script src="SpryAssets/SpryMenuBar.js"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js"></script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script>
function MM_effectAppearFade(targetElement, duration, from, to, toggle) {
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
function myClickHandler(event) {
var ele = Accordion1.getCurrentPanel();
var panelNumber = Accordion1.getPanelIndex(ele);
MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
Accordion1.closePanel(panelNumber);
function Tab0ClickHandler(event) {
var ele = Accordion1.getCurrentPanel();
var panelNumber = Accordion1.getPanelIndex(ele);
if (panelNumber == -1 || panelNumber == 0) {
return;
} else {
MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
function Tab1ClickHandler(event) {
var ele = Accordion1.getCurrentPanel();
var panelNumber = Accordion1.getPanelIndex(ele);
if (panelNumber == -1 || panelNumber == 1) {
return;
} else {
MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
function Tab2ClickHandler(event) {
var ele = Accordion1.getCurrentPanel();
var panelNumber = Accordion1.getPanelIndex(ele);
if (panelNumber == -1 || panelNumber == 2) {
return;
} else {
MM_effectAppearFade(document.getElementById('tab'+panelNumber), 1000, 100, 30, true);
</script>
</head>
<body>
<div id="mainContentContent">
<div id="Accordion1" class="Accordion">
<div class="AccordionPanel">
<div class="AccordionPanelTab">
<div class="tab_fade"><img id="tab0" src="http://www.home-maastricht.nl/images/01-signage/banners/01-00-qpark-banner.jpg" width="700" height="120" onclick="MM_effectAppearFade(this, 1000, 100, 30, true)" />
<div class="tab1_tekst">Q-Park</div>
</div>
</div>
<div class="AccordionPanelContent"><img src="http://www.home-maastricht.nl/images/01-signage/websiteformaat/01-00-qpark.jpg" alt="Q-Park" width="700" height="1050" /></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">
<div class="tab_fade"><img id="tab1" src="http://www.home-maastricht.nl/images/01-signage/banners/01-01-qpark-banner.jpg" width="700" height="120" onclick="MM_effectAppearFade(this, 1000, 100, 30, true)" />
<div class="tab2_tekst">Q-Park</div>
</div>
</div>
<div class="AccordionPanelContent"><img src="http://www.home-maastricht.nl/images/01-signage/websiteformaat/01-01-qpark.jpg" alt="Q-Park" width="700" height="1050" /></div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">
<div class="tab_fade"><img id="tab2" src="http://www.home-maastricht.nl/images/01-signage/banners/01-02-groenmetropool-banner.jpg" width="700" height="120" onclick="MM_effectAppearFade(this, 1000, 100, 30, true)" />
<div class="tab3_tekst">Groenmetropool</div>
</div>
</div>
<div class="AccordionPanelContent"><img src="http://www.home-maastricht.nl/images/01-signage/websiteformaat/01-02-groenmetropool.jpg" width="700" height="933" alt="Groenmetropool Kreis Aachen" /></div>
</div>
</div>
</div>
<script>
Spry.Utils.addEventListener("Accordion1", "click", myClickHandler, false);
Spry.Utils.addEventListener("tab0", "click", Tab0ClickHandler, false);
Spry.Utils.addEventListener("tab1", "click", Tab1ClickHandler, false);
Spry.Utils.addEventListener("tab2", "click", Tab2ClickHandler, false);
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { useFixedPanelHeights: false, defaultPanel: -1 });
</script>
</body>
</html>
Happy Sprying.
Ben
Similar Messages
-
Top Sites page does not stay open after clicking New Tabs
I used to be able to click on “Open a new tab” and the “my top sites” would be available on that page. Now when I click on “Open a new tab”, “my top site” appears and disappears immediately; each and every time. However, if I open 2 new tabs and then go back and click on the 1st tab then the 2nd tab, “my top sites” are available. Also can I get my top sites as my home page?
There is this pref: browser.tabs.loadBookmarksInBackground
But it doesn't have effect if you open links via the Library, it only works when opened via the browser window (menu, toolbar, sidebar). -
Why won't Firefox open my e-mail page, after clicking the tab, from a Comcast preview page?
I have Comcast.net. From my home page, when I click the email button, first, I must sign-in and then a preview page appears with a short list of emails. When I click the tab to open the entire email page, the entire page does not open as it should. When I click each email on the preview page, each email will not open, as it should, either. This all worked, previously, but stopped working about 3 days ago.
This issue can be caused by corrupted cookies.
Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
* Firefox > Preferences > Advanced > Network > Offline Storage (Cache): "Clear Now"
"Remove Cookies" from sites causing problems:
* Firefox > Preferences > Privacy > Cookies: "Show Cookies"
* http://kb.mozillazine.org/Menu_differences
*Windows: Firefox (Tools) > Options
*Mac: Firefox > Preferences
*Linux: Edit > Preferences -
Nano turns itself off and appears to reset after clicking 'music'
hey, i wonder if anyone can help.
When i turn on my nano and click 'music' as you normally would to listen to a song or browse artists - my ipod turns off and then comes back on with the black screen with the white apple in the middle, much like when it is reset.
This is continually happening, and i cannot access any songs or podcasts on my nano.
please help, thanks.Welcome to Apple Discussions!
Have you tried a restore?
Restoring Your iPod
btabz -
In Windows Vista, FF 7.0.1, I selected the Tab Group button to try it out. However, when I selected the Tab Group button again to close that view, the New Tab button in the Tab Strip no longer appears. I'm requesting help to restore the New Tab button (has the "+" sign on it) on the Tab Strip just to the right of the currently open tabs.
You can find the New Tab button showing as a '+' on the Tab bar.
You can open the Customize window and drag the New Tab button that shows as a plus sign (+) from the Tab bar on another toolbar and it will become a regular toolbar button like the New Tab button that you have in Firefox 3 versions.<br />
Open the Customize window via "View > Toolbars > Customize" or via "Firefox > Options > Toolbar Layout"
If you can't find the New Tab button then click the "Restore Default Set" button in the Customize window.
If you want the New Tab button at the far right end of the Tab bar then place a flexible space to the left of it. -
IPod Touch stuck at loading screen after clicking Erase all Content and Settings
I have a 4th generation iPod Touch running iOS 5.0.1 and I recently jailbroke it. I wanted to update to iOS 6 so I went to Settings>Genera>Reset and clicked on Erase all Content and Settings. It is now stuck on the spinning loading screen and its been like this for 3 hours. My homebutton no longer works so I can't put it into DFU mode. I tried to restore in itunes but it won't even connect to itunes and dosn't show up at all. If you have any info, please post. I really don't wanna have to replace my home button or get a new iPod. Thanks
Try the following as much as you can without Home button working. When it says to place the iPod in recovery mode use this program.
RecBoot: Easy Way to Put iPhone into Recovery Mode
- iOS: Not responding or does not turn on
- Also try DFU mode after try recovery mode
How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
- If not successful and you can't fully turn the iPod fully off, let the battery fully drain. After charging for an least an hour try the above again.
- If still not successful that indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
Apple Retail Store - Genius Bar -
This happens when I have several tabs. I'll click another tab and a tiled window appears with one window being the page of the tab and the other one the tab beside it. It's become quite annoying.
Hello,
In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see [[How do I create a screenshot of my problem?]]
Once you've done this, attach the saved screenshot file to your forum post by clicking the '''Browse...''' button below the ''Post your reply'' box. This will help us to visualize the problem.
Thanks!
Curtis -
When I have multiple tabs open, I loose some or most of the page display contents when I leave that tab and then come back to it. I have to either refresh the tab to get the full page display back, OR I can click another tab and then quickly click back to the tab with missing page display. This will restore the display of all page content.
Could you try disabling graphics hardware acceleration? Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches.
You might need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
Then perform these steps:
*Click the orange Firefox button at the top left, then select the "Options" button, or, if there is no Firefox button at the top, go to Tools > Options.
*In the Firefox options window click the ''Advanced'' tab, then select "General".
*In the settings list, you should find the ''Use hardware acceleration when available'' checkbox. Uncheck this checkbox.
*Now, restart Firefox and see if the problems persist.
Additionally, please check for updates for your graphics driver by following the steps mentioned in the following Knowledge base articles:
[[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]]
[[Upgrade your graphics drivers to use hardware acceleration and WebGL]]
Did this fix your problems? Please report back to us! -
Left Navbar Accordion Widget - Able to keep panel open after click?
Hi there,
I'm using a spry accordion widget as my left navbar. We're hoping there's a way to make the panels stay open after a link is clicked and it goes to a page. This would make it easier for people to know which area they are in instead of trying to remember which panel's link they just clicked.
You can see my site here.
I realize this will need to go into the js area and I've already made a few changes in there. Any input anyone can provide would be helpful.
Thanks!As usual, Gramps, you've been a tremendous help.
It took me a while to get to this as I was in training and had other things going on. And it took me about 3 days to figure out. My site is much larger than the one you referred me to and instead of pulling in the files I have to link to the actual pages. But I finally figured it out.
So, for those who want to see another example, you can see my (work) site here.
Thanks again, Gramps. You're the greatest! -
macbook froze while online. hard shutdown. when it restarted, an error message appeared saying finder shut down unexpectedly containing a message box with a long list of technical jibberish. after clicking OK that it would send an error report to Apple, the same error message box appeared again and again every time OK was clicked. Now the macbook will not turn on at all
If you're able to boot, launch the Console application in any of the following ways:
☞ Enter the first few letters of its name into a Spotlight search. Select it in the results (it should be at the top.)
☞ In the Finder, select Go ▹ Utilities from the menu bar, or press the key combination shift-command-U. The application is in the folder that opens.
☞ If you’re running Mac OS X 10.7 or later, open LaunchPad. Click Utilities, then Console in the page that opens.
Select the most recent panic log under System Diagnostic Reports. Post the contents — the text, please, not a screenshot. In the interest of privacy, I suggest you edit out the “Anonymous UUID,” a long string of letters, numbers, and dashes in the header and body of the report, if it’s present (it may not be.) Please don't post "shutdownStall" or "hang" reports.
If you can't boot in the usual way, try a safe boot. The instructions provided by Apple are as follows:
Be sure your Mac is shut down.
Press the power button.
Immediately after you hear the startup tone, hold the Shift key. The Shift key should be held as soon as possible after the startup tone, but not before the tone.
Release the Shift key when you see the gray Apple icon and the progress indicator (looks like a spinning gear).
During startup, you’ll see a progress bar, and then the login screen, which appears even if you normally log in automatically. You must know your login password in order to log in. If you’ve forgotten the password, you will need to reset it before you begin.
Safe mode is slower than normal, and some things won’t work at all.
Note: If FileVault is enabled under Mac OS X 10.7 or later, you can’t boot in safe mode. -
Yesterday i installed the firefox 6.0 on my windows 7 computer. When i double-click the mozilla icon, it doesn't start. I opened the task manager and noted that the process "firefox.exe" appears and desappear after 5 seconds. I tried to start mozilla in safe mode but the problem remains. The only way to use mozilla in my computer is restarting the windows in safe-mode. Last thing: i already tried to reinstall the program. Please help me!
I'm also using Windows 7 on a Lenovo U310 laptop.
-
After use another itunes account Apps of old itunes account stay untouched[intact]
If i HAVE ACCOUNT from Another country lets say CountryA, hence my country do not permits register in itunes, and have a credit card of a friendB in CountryA, what supposed to do: use this credit card[of a friendB] in my account or use/login to my friendB's itunes account and use his credit card? Both can be done...well what do?
After use another itunes account Apps of old itunes account stay untouched[intact]?If have an account with credit card in itunes and buy apps for ipad-1 [PC-1], then login in this account from another PC-2 win, and want to install the same bought apps but for another ipad, ipad-2 then:
needed reinsert credit card?
prior bought apps needed re-buy them?
may copy apps files.ipd files from PC-1 to PC-2 without buy them? -
Fcx4 bin clips are not appearing in the viewer after clicking on them.
fcx4 bin clips are not appearing in the viewer after clicking on them , i need help getting them to appear in the viewer.
I have the same issue. I am using apex.oracle.com for some test applications, but for last couple of weeks when I login and click the "Application builder" I could not see my applications there (around 4-5 of them)! It says No applications found.
Neither I have any application groups setup nor do any criteria given in "Application" search field under "Application builder".
The only way I could access some, if not all, of my applications is to pull it from the link under the context box "Recent" (which you can see in the right hand side of the "Application builder" page.)
Any help is greatly appreciated. This issue is not a show stopper as I could still pull out my critical applications from the recent link, but its definitely a worrisome issue.
Thanks in advance
Regards
Ligon Gopinathan -
HT2729 Why doesn't video or podcasts appear after clicking the video icon on my iPad2?
After clicking on the video icon nothing happens. No video, no start page, no sound. What are the possible causes?
Try quitting the videos app completely and restart the iPad. Then try again.
Go to the home screen first by tapping the home button. Quit/close open apps by double tapping the home button and the task bar will appear with all of you recent/open apps displayed at the bottom. Tap and hold down on any app icon until it begins to wiggle. Tap the minus sign in the upper left corner to close the apps. Restart the iPad. Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.
If that doesn't work, try this.
Swipe to the right from your first home screen to get to the iPad Spotlight search. Type in the name of any of your movies in the field at the top. When the movie appears in the search - tap on it and it should hopefully start to play. Let it play for a minute or so - hit done - go back to videos app and see if all is OK. -
When opening the Calendar app, I am greeted with a box that says "This calendar can not be refreshed," and after clicking ok there is another box saying "The server responded with an error." How do I get rid of this. The calendar functions all right, but just have to close both of those boxes after doing any action in the calendar app.
Please take each of the following steps that you haven't already tried, until the problem is resolved. Back up all databefore making any changes.
Step 1
From the Calendar menu bar, select
Calendar ▹ Preferences ▹ Accounts
Choose the affected account from the list on the left and uncheck the box marked
Enable this account
Then check the box again. Test.
Step 2
Make a note of the account settings, then delete the account and add it back with the same settings.
Step 3
If you can't add the account, the settings may be invalid. Verify them. How you do that depends on what kind of account it is. If it's a Google calendar and you've activated 2-step verification, you need to generate an application-specific password in your Google account and enter it in place of your old password.
Step 4
Quit Calendar. Triple-click the line below on this page to select it:
~/Library/Calendars/Calendar Cache
Right-click or control-click the highlighted line and select
Services ▹ Reveal
from the contextual menu.* A Finder window should open with a file named "Calendar Cache" selected.
Move the selected file to the Trash. There may be one or two other files in the same folder with names that begin in "Calendar Cache". If so, delete those files too.
*If you don't see the contextual menu item, copy the selected text to the Clipboard (command-C). In the Finder, select
Go ▹ Go to Folder...
from the menu bar, paste into the box that opens (command-V). You won't see what you pasted because a line break is included. Press return.
Maybe you are looking for
-
Bridge CS4 is stuck in one folder...
Bridge CS4 has "frozen". I can not navigate to any other folder than the one it is. Has it run out of memory?
-
Hello everybody over there. I wonder how can I lock a single email in Mail? I need to lock a three-month account paper sent by my bank because my Mac is used by my girlfriend as well. Any idea?
-
Hi I hope someone can clarify me In BW once we create reports, do we have option for the report to be delivered through email at a particular scheduled time. Is almost the same as in Process chains once a PC fails an email is triggered automatically
-
When I select "Maximum Editing Workspace" in CC, Audition Crashes.
This is the second issue in two months. Any suggestions? Many thanks...in the middle of an edit session. Stu Norfleet
-
I just installed ios 5.1 on my ipod touch and i cant find where to activate the battery percentage.. I tried Seeting-General-Usage but i cant find it.. please help me if you can. thx