Here is the dropdown displayed using the Shortcodes UI plugin, and it works great!:
[expand title=”Treefrogs & Allies – Hylidae”]
FAMILY DESCRIPTION
Treefrogs (Hyla):
Gray Treefrog
Cope’s Gray Treefrog
Bird-voiced Treefrog
Green Treefrog
Pine Barrens Treefrog
Barking Treefrog
Squirrel Treefrog
Pine Woods Treefrog
Chorus Frogs (Pseudacris):
Spring Peeper
Little Grass Frog
Ornate Chorus Frog
Strecker’s Chorus Frog
Midland Chorus Frog
Upland Chorus Frog
New Jersey Chorus Frog
Cajun Chorus Frog
Boreal Chorus Frog
Southern Chorus Frog
Brimley’s Chorus Frog
Mountain Chorus Frog
Spotted Chorus Frog
Cricket Frogs (Acris):
Northern Cricket Frog
Southern Cricket Frog
West Indian Treefrogs (Osteopilus):
Cuban Treefrog
Mexican Treefrogs (Smilisca):
Lowland Burrowing Treefrog
Mexican Treefrog
Treefrogs (Hyla):
Gray Treefrog
Cope’s Gray Treefrog
Bird-voiced Treefrog
Green Treefrog
Pine Barrens Treefrog
Barking Treefrog
Squirrel Treefrog
Pine Woods Treefrog
Chorus Frogs (Pseudacris):
Spring Peeper
Little Grass Frog
Ornate Chorus Frog
Strecker’s Chorus Frog
Midland Chorus Frog
Upland Chorus Frog
New Jersey Chorus Frog
Cajun Chorus Frog
Boreal Chorus Frog
Southern Chorus Frog
Brimley’s Chorus Frog
Mountain Chorus Frog
Spotted Chorus Frog
Cricket Frogs (Acris):
Northern Cricket Frog
Southern Cricket Frog
West Indian Treefrogs (Osteopilus):
Cuban Treefrog
Mexican Treefrogs (Smilisca):
Lowland Burrowing Treefrog
Mexican Treefrog
[/expand]
[expand title=”True Toads – Bufonidae”]
FAMILY DESCRIPTION
American Toad
Fowler’s Toad
Woodhouse’s Toad
Canadian Toad
Southern Toad
Oak Toad
Gulf Coast Toad
Texas Toad
Red-spotted Toad
American Toad
Fowler’s Toad
Woodhouse’s Toad
Canadian Toad
Southern Toad
Oak Toad
Gulf Coast Toad
Texas Toad
Red-spotted Toad
[/expand]
Here is the expand code placed directly in the html:
[expand title=”Treefrogs & Allies – Hylidae”]
FAMILY DESCRIPTION
Treefrogs (Hyla):
Gray Treefrog
Cope’s Gray Treefrog
Bird-voiced Treefrog
Green Treefrog
Pine Barrens Treefrog
Barking Treefrog
Squirrel Treefrog
Pine Woods Treefrog
Chorus Frogs (Pseudacris):
Spring Peeper
Little Grass Frog
Ornate Chorus Frog
Strecker’s Chorus Frog
Midland Chorus Frog
Upland Chorus Frog
New Jersey Chorus Frog
Cajun Chorus Frog
Boreal Chorus Frog
Southern Chorus Frog
Brimley’s Chorus Frog
Mountain Chorus Frog
Spotted Chorus Frog
Cricket Frogs (Acris):
Northern Cricket Frog
Southern Cricket Frog
West Indian Treefrogs (Osteopilus):
Cuban Treefrog
Mexican Treefrogs (Smilisca):
Lowland Burrowing Treefrog
Mexican Treefrog
Treefrogs (Hyla):
Gray Treefrog
Cope’s Gray Treefrog
Bird-voiced Treefrog
Green Treefrog
Pine Barrens Treefrog
Barking Treefrog
Squirrel Treefrog
Pine Woods Treefrog
Chorus Frogs (Pseudacris):
Spring Peeper
Little Grass Frog
Ornate Chorus Frog
Strecker’s Chorus Frog
Midland Chorus Frog
Upland Chorus Frog
New Jersey Chorus Frog
Cajun Chorus Frog
Boreal Chorus Frog
Southern Chorus Frog
Brimley’s Chorus Frog
Mountain Chorus Frog
Spotted Chorus Frog
Cricket Frogs (Acris):
Northern Cricket Frog
Southern Cricket Frog
West Indian Treefrogs (Osteopilus):
Cuban Treefrog
Mexican Treefrogs (Smilisca):
Lowland Burrowing Treefrog
Mexican Treefrog
[/expand]
[expand title=”True Toads – Bufonidae”]
FAMILY DESCRIPTION
American Toad
Fowler’s Toad
Woodhouse’s Toad
Canadian Toad
Southern Toad
Oak Toad
Gulf Coast Toad
Texas Toad
Red-spotted Toad
American Toad
Fowler’s Toad
Woodhouse’s Toad
Canadian Toad
Southern Toad
Oak Toad
Gulf Coast Toad
Texas Toad
Red-spotted Toad
[/expand]
Dropdown Test
This wonderful drop down is produced using the Collapse-Pro-Matic plugin, with a little inline styling applies. It should work fine for long species lists with species grouped in families and genera. The mock sidebar is produced using Catalyst’s EZ Columns. It is probable that we’ll have to tweak the column widths and replace the background with a jpeg that has a wider left purple area.
And here is a second paragraph, just to see how it will look and what the spacing between paragraphs look like. To simplify things, we might enclose this section within a div.