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
Solved

Collapsible Text Code?

Posted on 2010-11-17
5
310 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
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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
edit .asp files 5 29
How to resize a div in html 3 35
SSRS 2016 Rendering HTML tables 3 25
VS 2015 is giving [No relevant source lines] 2 24
This article discusses how to create an extensible mechanism for linked drop downs.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

789 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