I have a very simple script that is intended to show an employees biography on click, and hide all other biography's (since they occupy the same space). I have two issues I can't resolve, and for the life of me can't figure out why. I'm using Ruby on Rails and I have included the default javascrip which includes Prototype. I'm testing in FireFox.
Here's the code with comments for reference, exact problems detailed below: <script type="text/javascript"> $(document).ready(function(){ $(".bio_button").click(function(event) { //when a user clicks on div with class bio_button, do: $(".bio").hide(); //hide all divs that have a class of "bio" var element = Event.element(event); //get the div id for the element clicked var id = element.id.substring(0,element.id.length-1); //remove the last letter of that div id, which // corresponds to the div which contains the // biography text //alert(id); //used to make sure the substring was working, it is. $(id).show(); //this doesn't work for some reason HELP, please :( }); }); </script> ... <div class="bio_button" id="timB">click to show Tims bio</div> <div class="bio_button" id="bethB">click to show Beths bio</div> ... <div class="bio" id="tim" style="display:none;">tim's awesome biography</div> <div class="bio" id="beth" style="display:none;">beth's awesome biography</div> PROBLEM(s) (using a click on tim as example): 1) The above does indeed hide all bio's, and will output an alert of "tim" if I click on tim. However, it won't change the display style to show. 2) In the javascript, if I replace $(id).show(); with $("tim").show(); it still doesn't work....unless I use tim as one of the class definitions in the html instead of a div id. If I specify tim as a class, and use "tim" explicitly in the javascript, it works perfectly. Sorry if this is the wrong forum, i'm losing my mind over what seems should be very simple. Thanks to anyone that can help. -Nelson --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---