scripty accordion

Hey
I just made a scripty accordion for a Faqs page
I wonder if i can shorten the space between questions a bit
they seem so wide apart
the
here is link
http://carlagrande.com/faqs.html

thx


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It looks like you have an extra line-space after each header. If I look at it in Web Inspector, I see the following:

<h2 class="accordion">How much will it cost to ship my order?</h2>
<h2 class="accordion"> </h2>
<p>The answer here...</p>

Walter

On Dec 1, 2012, at 12:01 PM, Carla wrote:

Hey
I just made a scripty accordion for a Faqs page
I wonder if i can shorten the space between questions a bit
they seem so wide apart
the
here is link
http://carlagrande.com/faqs.html

thx


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hu Walter
when I pressed return, it automatically went to second line
so now I went back to try again to move the answer line up
and the action does not work
what did i do wrong
thx


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There should be one and only one return between the header and the paragraph following it. What you need to do is remove all styling from the entire block of text. Double-click inside the HTML box, and the press Command - A to Select All.

In the Styles palette, click on [No Style]. All of the styling should disappear.

Go through the text with the arrow keys, and make sure you only have one return after each header. Then quadruple-click on each header to select it entirely (including the trailing return “character” if present) and apply your h2.accordion style from the Styles palette. Then go through the paragraphs following each header and apply the desired paragraph style to them.

Then you should see what you want to see.

Walter

On Dec 1, 2012, at 1:27 PM, Carla wrote:

Hu Walter
when I pressed return, it automatically went to second line
so now I went back to try again to move the answer line up
and the action does not work
what did i do wrong
thx


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Walter
I will following these instructions now,
I was just asked an odd question, maybe not so odd

i built a CSS menu with submenu (a list of books) and my friend would like the submenu to stay open as opposed to disappearing while he navigates his list
is this possible, or must he keep his cursor on list for it to stay open.
I think there is a script action


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Forget that last request. he did not know what he was talking about . he wanted the submenu to stay open as he navigated thru pages! ha! Aint’ gonna happen
thanks Walter
I will retry the accordion


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

success on accordion
http://carlagrande.com/faqs.html

one additional quest…
is it possible to close the question
the only way it collapses is after hitting the question below
which leaves the last question open
thx


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You could change the trigger to Rollover?

Can I also suggest you make a greater differentiation between the styles of your h2 and the paras. At the mo it is not so easy to see which is which - and associate them.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi teach
Don’t understand


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sent by mistake
I have question named h2 accordion
And the answer styles called.answer
Is this what u mean
I’d rather have accordion
Effect
So if what I ask can’t be done
No big deal


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have question named h2 accordion And the answer styles called.answer Is this what u mean

Yes but your Q is 13px text and your A 12px same colour - not much between them in looks when the Accordion is open.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Oh thanks Davie
I will fix the font size to the same
it was difficult to make when one is not used to it
but so easy later


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Not if you’re using the CSS Menus Action. The hover event is used to open up the inner elements, and the moment you go outside of the element, that event “un-fires” and the effect collapses.

You could, very easily, use either the Transition FX or Observer Action to open the element you wish with a click or mouseover on another object. I’d recommend the click, because it’s more deliberate.

Walter

On Dec 1, 2012, at 5:03 PM, Carla wrote:

Hi Walter
I will following these instructions now,
I was just asked an odd question, maybe not so odd

i built a CSS menu with submenu (a list of books) and my friend would like the submenu to stay open as opposed to disappearing while he navigates his list
is this possible, or must he keep his cursor on list for it to stay open.
I think there is a script action


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hmm
and I could apply the transition FX with CSS?
was unclear, as I usually am
anyway my friend wanted the submenu to stay open as he moved from page to page
which I said flat out no…

so many people do not understand navigation of a site
ah well


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve shown somewhere here in the past how you can use the current URL of the page to signal which menu should be open. It’s not hard, it just requires some sort of clear signal from the URL to the pages, like maybe a folder name or something like that. Let’s say you wanted the “products” menu to always be open when you are in the products folder of the site. In Protaculous, with prototype-packed selected as the library, you could do something like this:

$$('a[href*="products"]').each(function(elm){
	if(elm.up('li').down('ul')){
		elm.up('li').down('ul').show();
	}
});

Paste that into the top Function Body dialog in the Action, and duplicate these settings on all of the “products” pages, and the menu element will remain open while you’re on that page. Note that in this example, the assumption is that no other part of any other URL in the menu will include the word products – they would also pop open in that case.

Walter

On Dec 1, 2012, at 11:46 PM, Carla wrote:

Hmm
and I could apply the transition FX with CSS?
was unclear, as I usually am
anyway my friend wanted the submenu to stay open as he moved from page to page
which I said flat out no…

so many people do not understand navigation of a site
ah well


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I will fix the font size to the same

You misunderstood. I was actually suggesting that there was a bigger difference between the h2 and the para styles. To better differentiate the question from the answer.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

ah ha


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I have a related question, in that within the body text, I’m trying to get a line break. When I follow the h2, per the instructions, I dutifully hit Return, and within the body I hit Option Return twice.

However, once it’s in preview, the accordion only displays the first paragraph of the body, as if I’ve simply hit Return. (The remaining three paragraphs are hidden)

Any ideas what I need to do to get that correct formatting?

Many thanks!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Huh, I just played with it again after finding the Freeway Insert New Line menu, it shows Shift Return as the keystroke, rather than the Option Return. I’m happy for the solution.

So, I don’t know if it’s the combination of my Mac, my Freeway version or my Accordion version, but my situation differs from your website instructions. ScriptyAccordion

In the end, it all works out. Whew… Thanks for making a very useful tool


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You’re welcome. Thanks for the bug report – I have updated the directions accordingly. I get those two mixed up in my memory sometimes, although my muscle memory for the shortcut doesn’t seem to vary.

Walter

On May 19, 2013, at 1:16 PM, Neilster wrote:

Huh, I just played with it again after finding the Freeway Insert New Line menu, it shows Shift Return as the keystroke, rather than the Option Return. I’m happy for the solution.

So, I don’t know if it’s the combination of my Mac, my Freeway version or my Accordion version, but my situation differs from your website instructions. ScriptyAccordion

In the end, it all works out. Whew… Thanks for making a very useful tool


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options