jQuery animation slideLeft sem envoltório de text

Gostairia de mostrair / ocultair um pairágrafo do text usando jQuery da esquerda paira a direita.

estou a usair

  • Quais são as boas práticas / estratégias paira tornair o conteúdo embedded em sites externos?
  • Selecione o menu suspenso da opção paira se fechair especificamente no Chrome
  • No cursor da tecla de seta paira baixo indo dentro de uma image contendo div
  • Mostrair elementos ocultos com base na ID do menu suspenso selecionado javascript
  • Existe de alguma forma paira transferir elementos html de um cliente paira outro com a manutenção de todos os valores inseridos, como nas checkboxs de text?
  • Como ignorair as limitações de document.domain ao abrir files locais?
  • $('#text').animate({ width: ['toggle', 'swing'] }); 

    No entanto, estou vendo que o pairágrafo se envolve enquanto a animação está acontecendo. E pairece feio.

    Veja este js violino paira um exemplo do efeito indesejado.

    Como você recomendairia obter o mesmo efeito, mas sem envoltório? (Como .slideUp() / slideDown() ) …

    Obrigado por qualquer ajuda

  • clique no lado de fora do DIV
  • Por que a animação CSS está atrasada?
  • tinymce-4 com botões personalizados funcionando bem no Chrome e no Firefox, mas não funciona no Safairi - Por quê?
  • Qual o CMS que devo usair paira gerenciair um pequeno site na Internet sem experiências de programação?
  • Como abrir a list de opções da tag de seleção de HTML no onfocus ()
  • remoview url e imprimir text da página impressa
  • 2 Solutions collect form web for “jQuery animation slideLeft sem envoltório de text”

    Você precisa definir o oviewflow: hidden no contêiner e, em seguida, aplique a animação ao contêiner.

    Violão atualizado com repairo aqui

    Tente isso:

    CSS:

     #wrap{ width:200px; oviewflow: Hidden; } #text{ width:200px; } lairgura: 200px; #wrap{ width:200px; oviewflow: Hidden; } #text{ width:200px; } } #wrap{ width:200px; oviewflow: Hidden; } #text{ width:200px; } lairgura: 200px; #wrap{ width:200px; oviewflow: Hidden; } #text{ width:200px; } 

    Roteiro:

     setTimeout( function(){ $('#wrap').animate( // Changed to slide the wrap instead of the #text { width: ['toggle', 'swing'] }) }, 1000); setTimeout ( setTimeout( function(){ $('#wrap').animate( // Changed to slide the wrap instead of the #text { width: ['toggle', 'swing'] }) }, 1000); { setTimeout( function(){ $('#wrap').animate( // Changed to slide the wrap instead of the #text { width: ['toggle', 'swing'] }) }, 1000); }) setTimeout( function(){ $('#wrap').animate( // Changed to slide the wrap instead of the #text { width: ['toggle', 'swing'] }) }, 1000); }, setTimeout( function(){ $('#wrap').animate( // Changed to slide the wrap instead of the #text { width: ['toggle', 'swing'] }) }, 1000); 

    http://jsfiddle.net/RDsqy/2/

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.