StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCarrying Variable from external link to page and plugging into jQuery script onload
primarykey
Id
14340540
data
AcceptedAnswerId
14340780
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-01-15T15:03:39.360
FavoriteCount
0
LastActivityDate
2013-01-15T16:15:25.100
LastEditDate
2013-01-15T16:15:25.100
LastEditorUserId
1347314
OwnerUserId
1347314
ParentId
0
PostTypeId
1
Score
0
ViewCount
205
LastEditorDisplayName
text
Body
<p>I have this jQuery which shows/hides content depending on the list item that's clicked. I also want to be able to show specific content upon landing on this page, dependant on what link the user clicked on another page.</p> <p>I know that to make this happen, I have to carry the variable over from the other link somehow, and make it act as the variable.</p> <pre><code><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#side_nav ul li a').click(function() { $('#side_nav ul li.current').removeClass('current'); $(this).parent().addClass('current'); var filterVal = $(this).attr('class'); $('#content div.section').each(function() { if($(this).hasClass(filterVal)) { $(this).fadeIn(200); } else { $(this).hide(); } }); return false; }); }); </script> </code></pre> <p>I've tried adding #desired_content to the end of the url at the link on the separate page and I know that using window.location.hash, I can pull that hash lable in as the variable somehow but I'm lost as to exactly how to accomplish that.</p> <p>Please help.</p> <p>EDIT: I added this to the external page:</p> <pre><code><li><a href="./about.html#how_it_works">HOW IT WORKS</a></li> </code></pre> <p>and this to the target page, just to TEST whether the class being added</p> <pre><code><script type="text/javascript"> $(document).ready(function() { var myHash = window.location.hash; if( myHash == "#how_it_works" ){ $('#content div.how_it_works').addClass('test'); }else if( myHash == "#option2" ){ // fade in option2 } }); </script> </code></pre> <p>I don't understand why this isn't working...</p>
Tags
<javascript><jquery><variables><show-hide>
Title
Carrying Variable from external link to page and plugging into jQuery script onload
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USglenn
UserOwnerUserId
1. USglenn
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.