Solved

Collapsible Text Code?

Posted on 2010-11-17
5
314 Views
Last Modified: 2012-05-10
On this page here: http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/AutoComplete/AutoComplete.aspx

You can see an area that says "Auto Complete Description"

It is an area of collapsible text.  I would like to have that function on my webpage.  I have looked at other sites for collapsible text and they are not always SEO friendly.  But in the code behind for that page, all of that collapsible text is just inside a DIV, and it is clearly SEO friendly.  But I'm not sure how to get it to work.  Can someone help me get it to work properly?  I need to have collapsible text (that will contain hyperlinks) on my page , but with very SEO friendly code (so that everything in the collapsed text is Google friendly.)   I'm using ASP.NET.
0
Comment
Question by:arthurh88
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
5 Comments
 
LVL 52

Expert Comment

by:Carl Tawn
ID: 34153449
Those parts are done with CollapsiblePanels, the reference for which is on the left-hand menu of the URL you posted.
0
 
LVL 21

Expert Comment

by:Alpesh Patel
ID: 34153574
Hi, to do that use jQuery Accordion. It will help to solve your problem.
0
 
LVL 6

Expert Comment

by:Codebot
ID: 34153721
0
 
LVL 6

Accepted Solution

by:
Codebot earned 250 total points
ID: 34153740
0
 
LVL 44

Assisted Solution

by:scrathcyboy
scrathcyboy earned 250 total points
ID: 34160352
There is nothing unique about the idea of collapsible text.  Ebya does it on all their preferences pages, as does Amazon, and thousands of other vendors.

It is real simple -- You put the DIV in with all the data in it -- Then onLoad you style it -- display:none; or else set its display to none.  Then when the person clicks a link to see the details, you change the -- display:none; -- to display:block;.

That is ALL there is to it, and EVERYTHING in the page, including the display:none; blocks are indexed by google and other SEs.  All you need is an ID for the DIV to reference it, and change it with javascript.
0

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Help with mod_substitute 18 74
Access-Control-Allow-Origin 4 41
What are MicroServices? 4 66
Adding Rows to Grid 4 28
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

737 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question