Home/ Questions/Q 76631
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T20:42:13+00:00

I have this java code: <script src=http://www.google.com/jsapi></script> <script type=text/javascript> google.load(jquery, 1.2.6); $(a#more).click(function() { $(#info_box).show(blind,

  • 0

I have this java code:

<script src='http://www.google.com/jsapi'></script> <script type='text/javascript'> google.load('jquery', '1.2.6');  $('a#more').click(function() {  $('#info_box').show('blind', { direction: 'vertical' }, 800);  }); </script>

And this link:

<a href='#' id='more'>More Info...</a>

info_box is just a div with the properties:

width: 30%; position: absolute; left: 35%; top: 250px; background-color: #FFFFFF; border: 2px solid #000000; visibility: hidden;

How can this not be working, been trying to figure it out for 20 minutes.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. You may use the ready() function and display: none in the initial CSS

    Working HTML:

    <html> <head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> $(document).ready(     function()     {             $('a#more').click(function() {                 $('#info_box').show('blind');             }); }); </script> <style>     #info_box {         width: 30%;         position: absolute;         left: 35%;         top: 250px;         background-color: #FFFFFF;         border: 2px solid #000000;         display: none;} </style> </head> <body>  <a href='#' id='more'>More Info...</a>  <div id='info_box'>Secret info goes here</div>   </body> </html>

    There are problems with the show function also. You are using a not documented params. Use the ‘animate’ function instead to do a custom animation.

    I also recommend you to use Firebug to troubleshot javascript problems in the future.

    • 0