Facebook Button Problem

[Prof.MindFreak]

Guten Tag,
Ich habe ein Problem mit meinem Button Script hier ein Bild dazu.

Wenn man auf denn Facebook button klickt soll das Likebox Fenster ausgefahren werden. Ich denke mal das ihr wisst was ich meine.

Das Script-.-

PHP Code:

 <!-- Facebook Like Button -->    
 <div style="position:fixed;left:0px;">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({left: "100"}, "medium");}, function() {jQuery(this).stop().animate({left: "0"}, "medium");}, 500);}); /*]]>*/
    </script>
  
 <style type="text/css">
    .likebox{background:
    url("/img/Social_Media/Facebook.png") no-repeat scroll left center transparent !important;display: block;float: left;height: 270px;padding: 0 5px 0 300px;width: 245px;z-index: 99999;position:fixed;left:-250px;top:30%;}
    .likebox div{border:none;position:relative;display:block;}
 </style>
  
 <div class="likebox">
    <div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width100%; height:290px;" allowTransparency="true"></iframe><br><a href="http://www.ixq.de/facebook.php">:</a> </div></div>
 </div>
 <!-- Facebook Button ENDE--> 


[xEncounter]

schau mal ob du was findest. Ich denke schon.

[Prof.MindFreak]

Hilft mir nicht weiter

[NotEnoughForYou]

Wenn beim Buttonklick das Event (also die Animation) ausgelöst werden soll, wieso wird dann kein .click Event, sondern ein .hover Event abgefangen? So macht es natürlich keinen Sinn.

Das Script würde bei einem hover über .likeBox die likeBox verschieben. Da diese ja aber außerhalb des Sichtbaren bereichs ist (left: -250px), kann das ja gar nicht funktionieren.

Außerdem benutzt man für gewöhnlich $ statt jQuery, also so etwas in der Art:

$(document).ready(function() {
    $('#meinButton').click(function() {
        $('.likeBox').animate({left += "250"}, 3000, function() {});
    });
});

[Prof.MindFreak]

#Close