Hello

Hello

Hi,
I have this script here. Hope i can paste the code. Please click on the login tab on the right side.
The issue is, the tab slides down as well as grows. Please help. It should only slide down, not grow.

Please help me.


<html>
<head>
   <script src="jquery-1.3.2.min.js"></script>
   <script src="jquery.corner.js?v1.99"></script>

 
  <script>
/**************rounded corners start**************/


    $(document).ready(function(){
        $('div.inner').wrap('<div class="outer"></div>');
        $('p').wrap("<code></code>");

        $('div.demo, div.inner').each(function() {
            var t = $('p', this).text();
            eval(t);
        });

        // fixed/fluid tests
        $("div.box, div.plain").corner();
        $("#abs").corner("cc:#08e");
   $('div.demo, div.inner').corner("bottom");

/**************rounded corners END**************/


/**************slidedown div start**************/

    $("#lloogg").click(function () {
      if ($("#toggler").is(":hidden")) {
        $("#toggler").slideDown("slow");
//   $("#lloogg").animate({"bottom": "-=42px"}, "slow");
      } else {
        $("#toggler").slideUp("slow");
//   $("#lloogg").animate({"bottom": "+=42px"}, "slow");
      }
    });


/**************slidedown div start**************/

    });

  </script>



  <style>
   *{padding:0; margin:0;}
   #body{   background-color: #eee;   color: #222; }
   div.demo, div.inner { background-color: #8DBDC2; color: #555; font-size:15pt; text-align: center; font-family: verdana, arial, sans-serif; }
   #lloogg:hover{    background-color: #8DBDC2; color: #555; }
   #lloogg{ width:80px; text-decoration: none; color: #555; left:925px; }
   #lloogg a:hover{ border-bottom: 3px solid #1291E6; padding-bottom:5px; margin-bottom:1px; }
   #lloogg a{ text-decoration: none; color: #46412B; padding-bottom:5px; }
   #toggler { width:1020px; margin-left:35px; position: relative; background:#de9a44; margin:3px; height:40px; float:left; display: none; }
  </style>
</head>
<body>
  <div id="toggler">toing</div>
  <div id="lloogg" class="demo">Login</div>
</body>
</html>