How to make the spry Collapsible content to appear/expand from the top of the tab - not bottom?

I hope this question does not sound confusing.
When I click the Collapsible tab, I want the content to appear from the top - not the bottom. (See example link: http://www.longhollow.com - click "Time & Location" on the top right and you will see the content appear on the top). Do you know how to do this? I am not jquery expert, I would be appricate if you know how to do this.
Thanks!
Christie

http://try.jquery.com/
http://learn.jquery.com/
https://tutsplus.com/course/30-days-to-learn-jquery/
http://www.w3schools.com/jquery/
Nancy O.

Similar Messages

Google map inside the spry collapsible panel

So this time I've bumped into interesting 'bug'. I've placed the google map inside the spry collapsible panel. Panel is set to the closed mode on load of page. When I open the tab, map appears, but address marker is hidden behind the top left corner. If I place the same map outside the collapsiple panel it renders all well.
So my question is whether there is any way around this issue. When I know where the marker is hidden I can simply move the map and see it, but customer who's not aware of the problem will see only blank map with not marked address which is not acceptable.
cheers,
Simon

Sure mate. Here you go:
<div id="CollapsiblePanel1" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0">SHOW MAP</div>
              <div class="CollapsiblePanelContent">
              <cfmap width="242" height="200" zoomlevel="12" name="mainMap" markercolor="333444" showscale="false"
typecontrol="none" showcentermarker="true" centeraddress="#get_event.event_address1#, #get_event.event_address2#, #get_event.event_city#,#get_event.event_county#, #get_event.event_postcode#, #get_event.event_country# "
></cfmap>
              </div>
            </div>
And this bit goes at the bottom of the code :
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
</script>
And that would be the preview that I get once the panel is open:
And that is the preview of how it should look:
As you can see the map marker sticks to the top left corner. I was wondering whether there is any way to re-focus it once the panel is open.
cheers,
Simon

Make a spry collapsible panel open on hover??

Hi All,
I'm trying to play with the Spry Collapsible Panel and would
like to have it open on hover but not on the on click, I've
attached the standard js code Dreamweaver produces, and would be
very grateful if you could highlight what needs to be
changed,---

http://labs.adobe.com/technologies/spry/articles/tabbed_panel/index.html
See the section titled Open panels programmatically
<li class="TabbedPanelsTab" tabindex="0"
onmouseover="TabbedPanels1.showPanel(0)">Tab 1</li>
<li class="TabbedPanelsTab" tabindex="0"
onmouseover="TabbedPanels1.showPanel(1)">Tab 2</li>
Ken Ford
Adobe Community Expert - Dreamweaver
Fordwebs, LLC
http://www.fordwebs.com
"miachu" <[email protected]> wrote in
message news:fvihb0$miq$[email protected]..
> hi there,
>
> did you ever find a solution to this dreamweaver
collapsible panel problem? i
> am having the same problem...i need it to open on hover
instead of click. it
> makes so much more sense for them to have it on
hover/roll over!
>
> help would be much appreciated!
> thanks.
>

How to make adobe flash player content on websites run on safari browser of my ipad?

How to make adobe flash player content on websites run on safari browser of my ipad?do I have to install adobe flash player on my ipad ?

The flash add-on is not available for Safari on iOS. Never has been and in fact Adobe has ceased support for flash for mobile devices in general. Your options, depending on the specific sites:
See if the site or sites in question have their own apps availabel in teh app store
Look into some browsers such as Puffin adn iSwifter (there are others, I beleive). These browsers use a third server site to translate the flsh content into a form that the iPAd can use and restreams them to you. They may not work with all content.
Use a computer capable of running flash.
Seek a source of the conent that is designed for non flash use.

Spry Collapsible content working only on one instance

Hoping someone can give me some direction on how to fix this issue. I am using the Spry Collapsible to hide job requirements on my employment page. My employment page gets its data from my database. It can have 0 to 25 entries showing at any given time. I am using the collapsible to save on space. With in each collapsible is also grabbing information from my database. The very first widget that appears comes up just fine. The rest all stay open. I was trying to insert my code for viewing, but it kept coming up showing the table instead of the code. Thanks in advance for any help you can give me.

If you have a look at this example, you will notice that there are 6 collapsible panels each with a unique ID, and there are also 6 constructors, one for each panel.
This is in contrast to what you have got where you have given the same ID to each of your panels as in
<div id="CollapsiblePanel1" class="CollapsiblePanel">
and have a twice repeated constructor as in
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false, enableAnimation:false});
What the constructor does in this instance is target the first occurrance of CollapsiblePanel1
Judging form a repeated error in your markup, I assume that you have a repeat area driven by data from a database of sorts.We need to assign each reapeated area a unique ID with matching constructors.
Within the repeated region, the markup will look like
<div id="CollapsiblePanel<?php echo $recordID; ?>" class="CollapsiblePanel">
where $recordID is the field name of the unique ID of the database record.
The constructors will need to be placed at the bottom of (but within) each repeated region and will look like
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel<?php echo $recordID; ?>", {contentIsOpen:false, enableAnimation:false});
The repeated error is the non-closure of the TD element as in
</tr>
<td rowspan="6" align="left" valign="top" class="supertext">
</tr>
Being an empty element, you could probably delete all of the above.

How do you transfer pictures,video's and text messages from iphone 4 to the new model

How do you transfer pictures,video's and text messages from iphone 4 to the new model?

http://support.apple.com/kb/ht2109

HT4623 After loading the feed system IOS 6 appeared i have a problem in the brightness change?? How Refer fix

After loading the feed system IOS 6 appeared i have a problem in the brightness change?? How Refer fix ??
I Have Iphone 4s new

What feed system?
What brightness change?
Maybe it would be easier to communicate what the problem is by posting in your native language.

-- A file association problem exists, which prevents the file you're trying to download from being associated with the correct application by the operating system using window 7 IE 11

A file association problem exists, which prevents the file you're trying to download from being associated with the correct application by the operating system
USING WINDOW 7 IE 11 HOW CAN I FIX???

Try downloading the offline installers:
Adobe Reader
Flash Player for Internet Exporer - ActiveX
Flash Player for Firefox - NPAPI

How do I recover a file of images I removed from LR 4.3 that is not found in my desktop recycle bin?

How do I recover a file of images I removed from LR 4.3 that is not found in my desktop recycle bin?

I would try the following, in order
Have your operating system search your entire hard disk(s)
If that doesn't find the files, restore from backup
If you don't have backups then perhaps you should consider making backups of both your catalog file and your photos from now on
Locate, download and install and run an "undelete utility" (freeware versions are available) -- if you are going to do this, do it immediately, do not perform other tasks on your comptuer

What is the best way to import word documents from a PC to the Ipad2

What is the best way to import word documents from a PC to the Ipad 2?

You first need an app on the iPad that supports word documents - the iPad doesn't have a file structure like a 'normal' computer, and every file/document needs to be associated with an app. If you don't have such an app then options include Apple's Pages app and third-party apps such as Documents To Go and QuickOffice HD. How you then get the documents on the iPad will depend upon the app that you have/get as different apps may use different methods e.g. via the file sharing section at the bottom of the device's apps tab when connected to iTunes, via wifi, email, dropbox etc.

When I start installing the Program Manager it gives a message from adobe saying that the software appears to be counterfeit (error code 205)

When I start installing the Program Manager it gives a message from adobe saying that the software appears to be counterfeit (error code 205)

Errors 201 & 205 & 206 & 207 or several U43 errors
-http://helpx.adobe.com/creative-cloud/kb/error-downloading-cc-apps.html
or
A chat session where an agent may remotely look inside your computer may help
Creative Cloud chat support (all Creative Cloud customer service issues)
http://helpx.adobe.com/x-productkb/global/service-ccm.html

In the middle of the installation processing, this has appeared: "There is a problem with the windows installer package. A program is required for this install to complete could not be run." my question is, what is that specific program?

in the middle of the installation processing, this has appeared: "There is a problem with the windows installer package. A program is required for this install to complete could not be run." my question is, what is that specific program?

Let's try the following user tip with that one:
"There is a problem with this Windows Installer package ..." error messages when installing iTunes for Windows

Hi. I recently purchased 2 ringtones from itunes store. When l asked the sysem provider to transfer my data from old phone to the new iphone 5, it gets override. When i try to download the same ringtones, it asked for me to purchase again. Pls help

Hi. l recently purchased 2 ringtones from itunes store. When l asked the system provider to transfer my data from old phone to the new iphone 5, it gets override. When i try to downloa the same ringtone again, l was asked to purchase it again. Please help tks

You only get one download.
Did you fail to save your ringtones to your computer?

When I rest my mobile I try to restore from iCloud backup but I got a message saying the service unavailable .I am doing this from 2 days and the Broblem still what should I do ?

When I rest my mobile I try to restore from iCloud backup but I got a message saying the service unavailable .I am doing this from 2 days and the Broblem still what should I do ?
<Email Edited by Host>

Go to System Preferences/Accounts
Click on your name
Select 'Allow user to administer this computer'

How to make 1 spry menu for the entire site? but not on each page

i have a website that i wish to have multiple pages available all form the same menu and late and probably at regular intervals add more tabs to the menu
is there a way to create a spry menu speratley that the page some how references, something like a frameset but without using framesets?
im sort of new to webdesigning and unsure of the correct terminology, so i am finding it difficult to look up stuff that i don't know the name for, but will gladly go read someting if you point me in the right direction.
regards
for now
wayne

You can do this with PHP or ColdFusion
These are "server side" scripting languages so you will have to test your website after you upload to you web hosting account.
Or if you set up a local server. Without the local server you will get errors when you open them in firefox.
To use the following what you do is "Cut" the part you want to be on all pages out, "Paste" it into a seperate document and in its place on your page you put one of the following suitable tags.
You will also have to rename your main file to .php or .cfm as opposed to .html
Again, whatever page you put one of these tags on, their extention must change match the type of tag used.
First Method (PHP):
PHP is the more common method -
<?php @ require_once ("yourMenu.html"); ?>
Require_once is basically a safeguard so that you don't add the menu twice onto a page.
This will only work for PHP 4+
This method would work for older versions of php too -
<?php @ include("yourMenu.html"); ?>
Second Method (ColdFusion):
This will only work if your host has ColdFusion installled -
<cfinclude template="bla.html">
eg index.html
<html>
<head>
<title>Stuff</title>
<head>
<body>
<?php @ require_once("SpryMenu.html"); ?>
</body>
</html>
SpryMenu.html
<ul id="menubar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
        <ul>
            <li><a href="#">Item 1.1</a></li>
</ul>

How to make the spry Collapsible content to appear/expand from the top of the tab - not bottom?

Similar Messages

Maybe you are looking for