StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSwitching Between Hidden Divs on Page with Same Class Affects All Divs
primarykey
Id
5722606
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2011-04-19T20:58:01.423
FavoriteCount
0
LastActivityDate
2011-04-19T21:54:27.137
LastEditDate
LastEditorUserId
0
OwnerUserId
695414
ParentId
0
PostTypeId
1
Score
0
ViewCount
328
LastEditorDisplayName
text
Body
<p>I have 2 div's on my page with individual id's. Within those div's I have an unordered list that shares the same class (.stats-nav):</p> <pre><code><div id="product1"> <ul class="stats-nav"> <li class="stat-cat1"><a href="">Ingredients</a></li> <li class="stat-cat2"><a href="">Nutrition Info</a></li> <li class="stat-cat3"><a href="">Feeding Instructions</a></li> </ul> </div> <div id="product2"> <ul class="stats-nav"> <li class="stat-cat1"><a href="">Ingredients</a></li> <li class="stat-cat2"><a href="">Nutrition Info</a></li> <li class="stat-cat3"><a href="">Feeding Instructions</a></li> </ul> </div> </code></pre> <p>Only 1 of the divs are show at a time; the other is hidden (show/hide). The same is true for the list items: only one is shown at a time. The default state is "Ingredients".</p> <p>I'm using Jquery's live to bind it:</p> <pre><code>$("li.stat-cat1 a").live('click', function() { $(".nutritional-info").show(); return false; }); </code></pre> <p>The problem I am having is if I'm looking at #product2 and click on say "Nutritional Info" and then click over to #product1, it will show #product1's correct info but it will start where I left off at "Nutritional Info" rather than the default state "Ingredients".</p> <p>Is there a way for me to "clear" the last state of the div?</p> <p>(If I load it in via ajax .load the content refreshes as intended but I no longer wish to use the ajax method).</p> <p>Thanks!</p>
Tags
<jquery><ajax><load><hide><show>
Title
Switching Between Hidden Divs on Page with Same Class Affects All Divs
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USYahreen
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. COCan we see a bit more of your HTML and js? For now I would say whenever you handle the "click over to #product1", just .hide() all divs you don't want to show and .show() the ingredients one.
  singulars
  PostPostId
  POSwitching Between Hidden Divs on Page with Same Class Affects All Divs
  UserUserId
  USDarthJDG

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.