# show more

**URL:** <https://discourse.softpress.com/t/show-more/10260>\
**Category:** Freeway\
**Created:** [February 21, 2011, 9:04pm UTC](https://discourse.softpress.com/t/show-more/10260 "2011-02-21T21:04:45Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 21, 2011, 9:04pm UTC](https://discourse.softpress.com/t/show-more/10260/1 "2011-02-21T21:04:45Z")

</div>

Question,

how do you do the show more feature?

I have a lot of text under each title… Is it better to do a scripty accordion and have all text hidden till they click or  
show the first sentance under the title and do a show more… then have it pop to a new window / pop up or drop down.

Thank you for your thoughts and help

Julie

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [February 21, 2011, 9:32pm UTC](https://discourse.softpress.com/t/show-more/10260/2 "2011-02-21T21:32:59Z")

</div>

I would just roll something simple in Prototype. No need to get the  
accordion out and have to go through all of that. What is the format  
of your long text? Is it multiple paragraphs, or just a very long  
paragraph of text?

The exact answer depends on your layout and the structure of your  
content.

Walter

On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:

> Question,
> 
> how do you do the show more feature?
> 
> I have a lot of text under each title… Is it better to do a  
> scripty accordion and have all text hidden till they click or  
> show the first sentance under the title and do a show more… then  
> have it pop to a new window / pop up or drop down.
> 
> Thank you for your thoughts and help
> 
> Julie
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 21, 2011, 9:43pm UTC](https://discourse.softpress.com/t/show-more/10260/3 "2011-02-21T21:43:28Z")

</div>

It is multiple paragraphs.

Prototype?

Julie  
Sent from my iPhone

On Feb 21, 2011, at 4:32 PM, Walter Lee Davis [email@hidden](mailto:email@hidden) wrote:

> I would just roll something simple in Prototype. No need to get the accordion out and have to go through all of that. What is the format of your long text? Is it multiple paragraphs, or just a very long paragraph of text?
> 
> The exact answer depends on your layout and the structure of your content.
> 
> Walter
> 
> On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:
> 
> > Question,
> > 
> > how do you do the show more feature?
> > 
> > I have a lot of text under each title… Is it better to do a scripty accordion and have all text hidden till they click or  
> > show the first sentance under the title and do a show more… then have it pop to a new window / pop up or drop down.
> > 
> > Thank you for your thoughts and help
> > 
> > Julie
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [February 21, 2011, 10:06pm UTC](https://discourse.softpress.com/t/show-more/10260/4 "2011-02-21T22:06:42Z")

</div>

Prototype is one of the JavaScript libraries in Protaculous (and in  
the built-in Freeway FX Actions).

Here’s what I would do. In Freeway, select all but the intro paragraph  
of text for your first item and cut to the clipboard. Then Insert /  
HTML Item and stretch the newly-created inline box to the full width  
of the outer text box. Double-click inside this box and paste your  
leftover text. Click elsewhere, then click once on the inline box, and  
deselect its height attribute by clicking on the icon to the left of  
the height field in the Inspector. While the inline box is still  
selected, choose Item / Extended from the main menu, press New, and  
enter

- Name: class
- Value: disclose

Repeat for each item you want to give this treatment to. This will  
work best if all of your elements are contained within a single HTML  
box, by the way.

Once you’ve done this, apply the Protaculous Action to the page.  
Choose prototype-packed from the Library picker, and then click on the  
top Function Body button. Paste in the following code:

> <https://gist.github.com/walterdavis/837777>

Preview in a browser to see the effect. You can style the links by  
clicking once on the outermost HTML box (the one you entered the  
inline boxes into) and setting the link styles using the Inspector.  
You’ll probably also want to disable the height attribute on this  
outer HTML box as well. This code will cause all of the DIVs with the  
classname 'disclose" to hide, and will insert a text link in their  
place. Clicking this link will cause the hidden DIV to appear, update  
the link text to ‘hide’ and clicking a second time will do the  
opposite. Each element will behave the same way, there’s no practical  
limit to the number of these items you can have on the page.

Walter

On Feb 21, 2011, at 4:43 PM, Julie Maxwell Allen wrote:

> It is multiple paragraphs.
> 
> Prototype?
> 
> Julie  
> Sent from my iPhone
> 
> On Feb 21, 2011, at 4:32 PM, Walter Lee Davis [email@hidden](mailto:email@hidden)  
> wrote:
> 
> > I would just roll something simple in Prototype. No need to get the  
> > accordion out and have to go through all of that. What is the  
> > format of your long text? Is it multiple paragraphs, or just a very  
> > long paragraph of text?
> > 
> > The exact answer depends on your layout and the structure of your  
> > content.
> > 
> > Walter
> > 
> > On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:
> > 
> > > Question,
> > > 
> > > how do you do the show more feature?
> > > 
> > > I have a lot of text under each title… Is it better to do a  
> > > scripty accordion and have all text hidden till they click or  
> > > show the first sentance under the title and do a show more… then  
> > > have it pop to a new window / pop up or drop down.
> > > 
> > > Thank you for your thoughts and help
> > > 
> > > Julie
> > > 
> > > * * *
> > > 
> > > freewaytalk mailing list  
> > > email@hidden  
> > > Update your subscriptions at:  
> > > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 21, 2011, 10:51pm UTC](https://discourse.softpress.com/t/show-more/10260/5 "2011-02-21T22:51:29Z")

</div>

Thank you. I will work on it this evening.

I will post when I am done.

J

Sent from my iPhone

On Feb 21, 2011, at 5:06 PM, Walter Lee Davis [email@hidden](mailto:email@hidden) wrote:

> Prototype is one of the JavaScript libraries in Protaculous (and in the built-in Freeway FX Actions).
> 
> Here’s what I would do. In Freeway, select all but the intro paragraph of text for your first item and cut to the clipboard. Then Insert / HTML Item and stretch the newly-created inline box to the full width of the outer text box. Double-click inside this box and paste your leftover text. Click elsewhere, then click once on the inline box, and deselect its height attribute by clicking on the icon to the left of the height field in the Inspector. While the inline box is still selected, choose Item / Extended from the main menu, press New, and enter
> 
> - Name: class
> - Value: disclose
> 
> Repeat for each item you want to give this treatment to. This will work best if all of your elements are contained within a single HTML box, by the way.
> 
> Once you’ve done this, apply the Protaculous Action to the page. Choose prototype-packed from the Library picker, and then click on the top Function Body button. Paste in the following code:
> 
> [gist:837777 · GitHub](https://gist.github.com/837777)
> 
> Preview in a browser to see the effect. You can style the links by clicking once on the outermost HTML box (the one you entered the inline boxes into) and setting the link styles using the Inspector. You’ll probably also want to disable the height attribute on this outer HTML box as well. This code will cause all of the DIVs with the classname 'disclose" to hide, and will insert a text link in their place. Clicking this link will cause the hidden DIV to appear, update the link text to ‘hide’ and clicking a second time will do the opposite. Each element will behave the same way, there’s no practical limit to the number of these items you can have on the page.
> 
> Walter
> 
> On Feb 21, 2011, at 4:43 PM, Julie Maxwell Allen wrote:
> 
> > It is multiple paragraphs.
> > 
> > Prototype?
> > 
> > Julie  
> > Sent from my iPhone
> > 
> > On Feb 21, 2011, at 4:32 PM, Walter Lee Davis [email@hidden](mailto:email@hidden) wrote:
> > 
> > > I would just roll something simple in Prototype. No need to get the accordion out and have to go through all of that. What is the format of your long text? Is it multiple paragraphs, or just a very long paragraph of text?
> > > 
> > > The exact answer depends on your layout and the structure of your content.
> > > 
> > > Walter
> > > 
> > > On Feb 21, 2011, at 4:04 PM, Julie Maxwell Allen wrote:
> > > 
> > > > Question,
> > > > 
> > > > how do you do the show more feature?
> > > > 
> > > > I have a lot of text under each title… Is it better to do a scripty accordion and have all text hidden till they click or  
> > > > show the first sentance under the title and do a show more… then have it pop to a new window / pop up or drop down.
> > > > 
> > > > Thank you for your thoughts and help
> > > > 
> > > > Julie
> > > > 
> > > > * * *
> > > > 
> > > > freewaytalk mailing list  
> > > > email@hidden  
> > > > Update your subscriptions at:  
> > > > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> > > 
> > > * * *
> > > 
> > > freewaytalk mailing list  
> > > email@hidden  
> > > Update your subscriptions at:  
> > > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [February 22, 2011, 12:37am UTC](https://discourse.softpress.com/t/show-more/10260/6 "2011-02-22T00:37:08Z")

</div>

Hi Walter

Just going through this and while the disclose divs are hiding with the read more… text appearing there is nothing happening on click.

I am getting the following error

```auto

disclose_more.html:21TypeError: Result of expression 'evt.find_element' [undefined] is not a function.

```

What am I missing

[http://www.deltadesign.co/examples/disclose\_more.html](http://www.deltadesign.co/examples/disclose_more.html)

David

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [February 22, 2011, 1:11am UTC](https://discourse.softpress.com/t/show-more/10260/7 "2011-02-22T01:11:02Z")

</div>

Sorry, dumb mistake. Too much Rails and not enough JavaScript lately.  
In Ruby, method (function) names are lower-case, and separated by  
underscores. In JavaScript, they begin with a lower-case letter  
(unless they are Class methods) and they have interCaps to separate  
words.

I’ve corrected the Gist, so copy and paste once more.

Walter

On Feb 21, 2011, at 7:37 PM, DeltaDave wrote:

> Hi Walter
> 
> Just going through this and while the disclose divs are hiding with  
> the read more… text appearing there is nothing happening on click.
> 
> I am getting the following error
> 
> ```auto
> 
> disclose_more.html:21TypeError: Result of expression  
> 'evt.find_element' [undefined] is not a function.
> 
> ```
> 
> What am I missing
> 
> [http://www.deltadesign.co/examples/disclose\_more.html](http://www.deltadesign.co/examples/disclose_more.html)
> 
> David
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [February 22, 2011, 1:37am UTC](https://discourse.softpress.com/t/show-more/10260/8 "2011-02-22T01:37:39Z")

</div>

Yes - I searched through it looking for something awry but didn’t know enough to find it.

Thanks Walter - I know Julie would be pulling her hair out if it didn’t work for her - if she has any left!

D

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 22, 2011, 2:07am UTC](https://discourse.softpress.com/t/show-more/10260/9 "2011-02-22T02:07:30Z")

</div>

Thank you so much! I appreciate you doing that… I have a full head… shockingly.

now for me to try it.

J

On Feb 21, 2011, at 8:37 PM, DeltaDave wrote:

> Yes - I searched through it looking for something awry but didn’t know enough to find it.
> 
> Thanks Walter - I know Julie would be pulling her hair out if it didn’t work for her - if she has any left!
> 
> D
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 22, 2011, 2:30am UTC](https://discourse.softpress.com/t/show-more/10260/10 "2011-02-22T02:30:31Z")

</div>

not getting it… I know shocking 😃

I set everything else up like stated…

you mention a link - " Clicking this link will cause the hidden DIV to appear, update the link text to ‘hide’ and clicking a second time will do the opposite."

how do you link the - “read more” to the html box?

I think that is where i am missing it.

here is where it is:

[http://grassrootsweb.net/diane/pateinteducatio.html](http://grassrootsweb.net/diane/pateinteducatio.html)

you see under menopause - the first paragraph then ‘see more’

all thats under is what is 1st to do. I figure I will get the first one mastered then do the 3 more like it.

J

On Feb 21, 2011, at 9:07 PM, Julie Maxwell Allen wrote:

> Thank you so much! I appreciate you doing that… I have a full head… shockingly.
> 
> now for me to try it.
> 
> J
> 
> On Feb 21, 2011, at 8:37 PM, DeltaDave wrote:
> 
> > Yes - I searched through it looking for something awry but didn’t know enough to find it.
> > 
> > Thanks Walter - I know Julie would be pulling her hair out if it didn’t work for her - if she has any left!
> > 
> > D
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [February 22, 2011, 4:11am UTC](https://discourse.softpress.com/t/show-more/10260/11 "2011-02-22T04:11:08Z")

</div>

The script adds the link for you, you don’t have to make it yourself. Just follow the steps I outlined, and see what happens.

Walter

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 22, 2011, 4:12am UTC](https://discourse.softpress.com/t/show-more/10260/12 "2011-02-22T04:12:31Z")

</div>

I will try it again. Thank you

Sent from my iPhone

On Feb 21, 2011, at 11:11 PM, waltd [email@hidden](mailto:email@hidden) wrote:

> The script adds the link for you, you don’t have to make it yourself. Just follow the steps I outlined, and see what happens.
> 
> Walter
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [February 22, 2011, 3:38pm UTC](https://discourse.softpress.com/t/show-more/10260/13 "2011-02-22T15:38:14Z")

</div>

Here’s a little change you can try, see if it helps you. Instead of  
using the Item / Extended dialog to add a classname to your inline  
(soon to be hidden) DIVs, just use the Styles palette to create an  
empty style with the Name field set to `disclose` (without the back-  
tick quotes, if you’re reading this in Mail).

If you already used Extended to add that classname, you can continue  
to use it that way. But if you skipped that step, then this is easier.  
After you make this style, click once on the inline DIV and apply the  
style by clicking on its name in the list in the Styles palette (it  
will appear within the list with the name .disclose).

Note that you don’t have to put anything in this style – you don’t  
have to change any settings in the New Style dialog besides adding the  
Name. This style is simply used as a marker in your page. You can  
apply it to any inline DIV that you wish to hide, anywhere on the  
page. This will not work predictably if you simply draw a DIV on the  
page and apply the style to it. It will work, in the sense that if you  
click on the read more… link, the DIV will appear, but the layout  
will not make any sense visually. As long as the DIV you apply it to  
is nested inline within another DIV, all will be well.

Walter

On Feb 21, 2011, at 11:12 PM, Julie Maxwell Allen wrote:

> I will try it again. Thank you
> 
> Sent from my iPhone
> 
> On Feb 21, 2011, at 11:11 PM, waltd [email@hidden](mailto:email@hidden) wrote:
> 
> > The script adds the link for you, you don’t have to make it  
> > yourself. Just follow the steps I outlined, and see what happens.
> > 
> > Walter
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 22, 2011, 3:53pm UTC](https://discourse.softpress.com/t/show-more/10260/14 "2011-02-22T15:53:13Z")

</div>

Ok, it is working - wonderful and so simple

Thank you

but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.

I want Menopause to show… and when you see it you see the correct link - read more

how do I fix it?  
[http://grassrootsweb.net/diane/pateinteducatio.html](http://grassrootsweb.net/diane/pateinteducatio.html)

Thank you  
J  
On Feb 21, 2011, at 11:12 PM, Julie Maxwell Allen wrote:

> I will try it again. Thank you
> 
> Sent from my iPhone
> 
> On Feb 21, 2011, at 11:11 PM, waltd [email@hidden](mailto:email@hidden) wrote:
> 
> > The script adds the link for you, you don’t have to make it yourself. Just follow the steps I outlined, and see what happens.
> > 
> > Walter
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [February 22, 2011, 4:12pm UTC](https://discourse.softpress.com/t/show-more/10260/15 "2011-02-22T16:12:02Z")

</div>

I see the problem. The premise of these read more’s (as I understood  
it) was that you wanted to have an intro to each topic, and then a  
click to expand the rest of that topic discussion:

###Osteoporosis

Brief introduction to the topic here, and here, and here.

read more…

###Menopause

Brief introduction to the topic here, and here, and here

read more…

Looking at your page, there seems to be a mixture of table-based and  
DIV-based layout. Nothing wrong with tables, but the only way that the  
effect will work as written is if all of the disclosed elements have a  
single common parent. In my very quick test here, I used this structure:

```
DIV (undefined height)
	P (intro paragraph)
	DIV (class=disclose) (undefined height)
		P (further info)
		P (further info)
		P (further info)
	/DIV
	P (intro paragraph)
	DIV (class=disclose) (undefined height)
		P (further info)
		P (further info)
	/DIV
	P (intro paragraph)
	DIV (class=disclose) (undefined height)
		P (further info)
		P (further info)
		P (further info)
	/DIV
/DIV

```

Now you could substitute the outer DIV with a TD, as you would find in  
your table-based layout. But all of the inner content should be nested  
into a single HTML box on your page. This will also fix the problem  
you’re having with the footer crashing into the bottom-most read  
more… link.

The content you have on your page is good, and using this trick will  
make the page appear approachable to a casual visitor, while allowing  
the more motivated reader to drill down – all with the entire content  
remaining in the page for SEO reasons.

Keep fiddling with the page structure, and I’m sure you’ll get it to  
work. Try to do less – I often find that when I over-think things,  
I’m just making the problem harder to solve.

Walter

On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:

> Ok, it is working - wonderful and so simple
> 
> Thank you
> 
> but I have one question… it is giving a read more to an above  
> paragraph (different HTML box) and hiding the rest.

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 22, 2011, 4:27pm UTC](https://discourse.softpress.com/t/show-more/10260/16 "2011-02-22T16:27:41Z")

</div>

Thank you.

Originally, I was just having the osteoporosis. then she added.

So I will redo the page structure to the one you outlined below.

And yes - overthinking does hurt sometimes - I step back away for an hour and then retakle.

again, thank you!

I will post when I think i have it right.

J  
On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:

> I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:
> 
> ###Osteoporosis
> 
> Brief introduction to the topic here, and here, and here.
> 
> read more…
> 
> ###Menopause
> 
> Brief introduction to the topic here, and here, and here
> 
> read more…
> 
> Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:
> 
> DIV (undefined height)  
> P (intro paragraph)  
> DIV (class=disclose) (undefined height)  
> P (further info)  
> P (further info)  
> P (further info)  
> /DIV  
> P (intro paragraph)  
> DIV (class=disclose) (undefined height)  
> P (further info)  
> P (further info)  
> /DIV  
> P (intro paragraph)  
> DIV (class=disclose) (undefined height)  
> P (further info)  
> P (further info)  
> P (further info)  
> /DIV  
> /DIV
> 
> Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.
> 
> The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.
> 
> Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.
> 
> Walter
> 
> On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:
> 
> > Ok, it is working - wonderful and so simple
> > 
> > Thank you
> > 
> > but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 22, 2011, 5:47pm UTC](https://discourse.softpress.com/t/show-more/10260/17 "2011-02-22T17:47:30Z")

</div>

I have it working. PLease look at it and tell me what you think.  
[http://www.grassrootsweb.net/diane](http://www.grassrootsweb.net/diane)

Thank you

J

On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:

> I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:
> 
> ###Osteoporosis
> 
> Brief introduction to the topic here, and here, and here.
> 
> read more…
> 
> ###Menopause
> 
> Brief introduction to the topic here, and here, and here
> 
> read more…
> 
> Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:
> 
> DIV (undefined height)  
> P (intro paragraph)  
> DIV (class=disclose) (undefined height)  
> P (further info)  
> P (further info)  
> P (further info)  
> /DIV  
> P (intro paragraph)  
> DIV (class=disclose) (undefined height)  
> P (further info)  
> P (further info)  
> /DIV  
> P (intro paragraph)  
> DIV (class=disclose) (undefined height)  
> P (further info)  
> P (further info)  
> P (further info)  
> /DIV  
> /DIV
> 
> Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.
> 
> The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.
> 
> Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.
> 
> Walter
> 
> On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:
> 
> > Ok, it is working - wonderful and so simple
> > 
> > Thank you
> > 
> > but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![Dale\_Josephson](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/f0a364/32.png) [@Dale\_Josephson](https://discourse.softpress.com/u/Dale_Josephson)\
**Post date:** [February 22, 2011, 5:55pm UTC](https://discourse.softpress.com/t/show-more/10260/18 "2011-02-22T17:55:40Z")

</div>

Looks good and I am an engineer not an English major but here are two possible changes?

The focus of my practice will be on gynecology only with specialty interests in menopausal transition

The focus of my Clinic is gynecology and menopausal transition

The focus of my practice is gynecology and menopausal transition

Dale Josephson  
Dale Josephson Consulting  
Apple Developer & Support  
(530) 241-8227

email@hidden

On Feb 22, 2011, at Tuesday9:47 AM, Julie Maxwell Allen wrote:

> I have it working. PLease look at it and tell me what you think.  
> [http://www.grassrootsweb.net/diane](http://www.grassrootsweb.net/diane)
> 
> Thank you
> 
> J
> 
> On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:
> 
> > I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:
> > 
> > ###Osteoporosis
> > 
> > Brief introduction to the topic here, and here, and here.
> > 
> > read more…
> > 
> > ###Menopause
> > 
> > Brief introduction to the topic here, and here, and here
> > 
> > read more…
> > 
> > Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:
> > 
> > DIV (undefined height)  
> > P (intro paragraph)  
> > DIV (class=disclose) (undefined height)  
> > P (further info)  
> > P (further info)  
> > P (further info)  
> > /DIV  
> > P (intro paragraph)  
> > DIV (class=disclose) (undefined height)  
> > P (further info)  
> > P (further info)  
> > /DIV  
> > P (intro paragraph)  
> > DIV (class=disclose) (undefined height)  
> > P (further info)  
> > P (further info)  
> > P (further info)  
> > /DIV  
> > /DIV
> > 
> > Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.
> > 
> > The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.
> > 
> > Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.
> > 
> > Walter
> > 
> > On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:
> > 
> > > Ok, it is working - wonderful and so simple
> > > 
> > > Thank you
> > > 
> > > but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

---

<div class="post-metadata">

**Author:** ![waltd](https://discourse.softpress.com/user_avatar/discourse.softpress.com/waltd/32/2720_2.png) [@waltd](https://discourse.softpress.com/u/waltd)\
**Post date:** [February 22, 2011, 5:56pm UTC](https://discourse.softpress.com/t/show-more/10260/19 "2011-02-22T17:56:38Z")

</div>

Perfect. Looks good and works just as I imagined it would.

Walter

On Feb 22, 2011, at 12:47 PM, Julie Maxwell Allen wrote:

> I have it working. PLease look at it and tell me what you think.  
> [http://www.grassrootsweb.net/diane](http://www.grassrootsweb.net/diane)
> 
> Thank you
> 
> J

* * *

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

---

<div class="post-metadata">

**Author:** ![Julie1](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/j/50afbb/32.png) [@Julie1](https://discourse.softpress.com/u/Julie1)\
**Post date:** [February 22, 2011, 6:05pm UTC](https://discourse.softpress.com/t/show-more/10260/20 "2011-02-22T18:05:35Z")

</div>

Thank you for that suggestion. I will run it buy her.

J  
On Feb 22, 2011, at 12:55 PM, Dale Josephson wrote:

> Looks good and I am an engineer not an English major but here are two possible changes?
> 
> The focus of my practice will be on gynecology only with specialty interests in menopausal transition
> 
> The focus of my Clinic is gynecology and menopausal transition
> 
> The focus of my practice is gynecology and menopausal transition
> 
> Dale Josephson  
> Dale Josephson Consulting  
> Apple Developer & Support  
> (530) 241-8227
> 
> email@hidden
> 
> On Feb 22, 2011, at Tuesday9:47 AM, Julie Maxwell Allen wrote:
> 
> > I have it working. PLease look at it and tell me what you think.  
> > [http://www.grassrootsweb.net/diane](http://www.grassrootsweb.net/diane)
> > 
> > Thank you
> > 
> > J
> > 
> > On Feb 22, 2011, at 11:12 AM, Walter Lee Davis wrote:
> > 
> > > I see the problem. The premise of these read more’s (as I understood it) was that you wanted to have an intro to each topic, and then a click to expand the rest of that topic discussion:
> > > 
> > > ###Osteoporosis
> > > 
> > > Brief introduction to the topic here, and here, and here.
> > > 
> > > read more…
> > > 
> > > ###Menopause
> > > 
> > > Brief introduction to the topic here, and here, and here
> > > 
> > > read more…
> > > 
> > > Looking at your page, there seems to be a mixture of table-based and DIV-based layout. Nothing wrong with tables, but the only way that the effect will work as written is if all of the disclosed elements have a single common parent. In my very quick test here, I used this structure:
> > > 
> > > DIV (undefined height)  
> > > P (intro paragraph)  
> > > DIV (class=disclose) (undefined height)  
> > > P (further info)  
> > > P (further info)  
> > > P (further info)  
> > > /DIV  
> > > P (intro paragraph)  
> > > DIV (class=disclose) (undefined height)  
> > > P (further info)  
> > > P (further info)  
> > > /DIV  
> > > P (intro paragraph)  
> > > DIV (class=disclose) (undefined height)  
> > > P (further info)  
> > > P (further info)  
> > > P (further info)  
> > > /DIV  
> > > /DIV
> > > 
> > > Now you could substitute the outer DIV with a TD, as you would find in your table-based layout. But all of the inner content should be nested into a single HTML box on your page. This will also fix the problem you’re having with the footer crashing into the bottom-most read more… link.
> > > 
> > > The content you have on your page is good, and using this trick will make the page appear approachable to a casual visitor, while allowing the more motivated reader to drill down – all with the entire content remaining in the page for SEO reasons.
> > > 
> > > Keep fiddling with the page structure, and I’m sure you’ll get it to work. Try to do less – I often find that when I over-think things, I’m just making the problem harder to solve.
> > > 
> > > Walter
> > > 
> > > On Feb 22, 2011, at 10:53 AM, Julie Maxwell Allen wrote:
> > > 
> > > > Ok, it is working - wonderful and so simple
> > > > 
> > > > Thank you
> > > > 
> > > > but I have one question… it is giving a read more to an above paragraph (different HTML box) and hiding the rest.
> > > 
> > > * * *
> > > 
> > > freewaytalk mailing list  
> > > email@hidden  
> > > Update your subscriptions at:  
> > > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> > 
> > * * *
> > 
> > freewaytalk mailing list  
> > email@hidden  
> > Update your subscriptions at:  
> > [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)
> 
> * * *
> 
> freewaytalk mailing list  
> email@hidden  
> Update your subscriptions at:  
> [http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

* * *

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

[Next page](https://discourse.softpress.com/t/show-more/10260.md?page=2)