StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POUse Jquery .toggle in rails 3.1 app
primarykey
Id
7818673
data
AcceptedAnswerId
0
AnswerCount
3
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-10-19T08:42:33.690
FavoriteCount
0
LastActivityDate
2013-11-30T06:42:27.987
LastEditDate
LastEditorUserId
0
OwnerUserId
636896
ParentId
0
PostTypeId
1
Score
1
ViewCount
1446
LastEditorDisplayName
text
Body
<p>I've been trying to get the .toggle function of Jquery to work in a rails 3.1 app such that a user can click a link to either show or hide content on the page they're viewing.</p> <p>The functionality I'm trying to replicate is the same as the example shown here: <a href="http://api.jquery.com/toggle/" rel="nofollow">http://api.jquery.com/toggle/</a></p> <hr> <pre><code><script> $("button").click(function () { $("p").toggle(); }); </code></pre> <h2> </h2> <p>In my rails app, I have a users.js file found in app/assets/javascripts. The file only contains the following code:</p> <pre><code>$('#button').click(function(){ $('.cell').toggle(); }); </code></pre> <p>The view then has the following code:</p> <pre><code><table> <tr> <td class="cell" style="display: none"> Some info </td> <td class="cell"> Other info </td> </tr> </table> <input type="button" id="button" value="Show/hide" /> </code></pre> <p>When I load the page, the button shows up along with the 'Other info', but when I click the button, no action it taken and nothing changes. When I inspect the source code of the page, it is definitely including my users.js file in the header.</p> <p>For some reason the javascript code won't execute the toggle and change the page content. I don't know if this is a Rails 3.1 issue, or not. Using a small standalone app, this functionality works fine when I include the script manually at the bottom of the page like:</p> <pre><code><script> $("#button").click(function(){ $(".cell").toggle(); }); </script> </code></pre> <p>Any thoughts on what I'm doing wrong with the jquery code or rails configuration? </p> <p>Thanks for your help!</p>
Tags
<ruby-on-rails-3.1><jquery>
Title
Use Jquery .toggle in rails 3.1 app
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. USCam Norgate
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
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POUse Jquery .toggle in rails 3.1 app
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
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.