OK, been banging my head with this for a while. I have a dynamic site where we get a list of elements from the database, we identify these items with id numbers and encoded get strings. So I'm trying to get style changes to take affect with jquery and it really just doesn't work.
I'm not sure what I'm doing wrong. Here is the source code: <html> <head> <script type=text/javascript src=/scripts/jquery-1.3.2.min.js></ script> <script> $(document).ready(function() { $("#this=thing&that=more&bing=bang_anchor").click(function() { //event.preventDefault; $("#this=thing&that=more&bing=bang").attr('style','display: block'); }); }); </script> </head> <body> <a href="#" id='this=thing&that=more&bing=bang_anchor'>Display</a> <div id="this=thing&that=more&bing=bang" style="display: none"> Lorem Ipsum dolor sit amnet. </div> </body> </html> This code is supposed to make the div appear when link is clicked.. Can anyone point out what I'm doing wrong?