[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Collapsible Text Code?

Posted on 2010-11-17
5
Medium Priority
?
331 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 1000 total points
ID: 34153740
0
 
LVL 44

Assisted Solution

by:scrathcyboy
scrathcyboy earned 1000 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

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

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.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

649 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