Faites glisser div horizontalement à l'apaisement

Je suis à la recherche pour obtenir un masquer/afficher la div où sur la souris à l'entrée de la div est montré, mais à un glissement de gauche à droite de manière à l'apaisement.

J'ai aussi besoin de la page pour se concentrer sur la nouvelle div qui vient de slided /visible.

Voici mon script.

Toutes les idées sur ce que je dois ajouter?

<script>$("#box0").mouseenter(function () {
    $("#lSection2").show('slide').delay(5000); 
    $("#boxContent0").slideDown(3000);
    $("#boxContent0").focus();

});

$('#boxContent0').mouseleave(function() {
    $("#boxContent0").fadeOut(1000);     
    $("#lSection2").fadeOut(1000);
});</script>

 <div class="AdBox" id="box0">mouse over or click to view details</div>



 <div id="lSection2" style="display:none;"><div id="boxContent0"
 style="display:none;"  class="boxContent">
     <div align="left" style="">Win Big<br />
 - Ipad<br />
 - Holiday<br />
 - 1 Year Spa Treatments</div>
     <div></div>
Vous devez améliorer la qualité de votre question pour nous d'être en mesure de vous aider. Pouvez-vous s'il vous plaît ajouter exactement ce que vous souhaitez réaliser (vous voulez un peu de div à glisser de gauche à droite). Qu'est-il en train de faire? Vous parlez de certains div, mais je ne le vois pas dans votre question. Pourriez-vous ajouter votre (pertinent) le HTML ainsi? Il contribue également à définir une démo. Vous pouvez utiliser jsfiddle.net pour cette.

OriginalL'auteur Eno Bassey | 2011-11-14

  1. 2
    $(element).show('slide', { direction: 'left' }, 1000);
$(element).hide('slide', { direction: 'left' }, 1000);

    http://docs.jquery.com/UI/Effects/Slide

    Désolé de ne pas vous donner plus d'infos à l'heure...je veux atteindre, qui est actuellement sur ce site orisue.com je veux souris sur un div et un autre caché div est montré glisse sous de gauche à droite.... en même temps je veux le focus de la page pour faire défiler jusqu'à la position actuelle de la nouvelle montre de la div.
    pendant ce temps le script que vous avez donné ne fonctionne pas bien
    Cela devrait vous aider: jsfiddle.net/yfmXe Juste ajouter un peu de l'intention de la logique pour éviter d'animation sur rapide mouseovers, etc.

    OriginalL'auteur AlienWebguy