Solved

Collapsible Text Code?

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

688 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