Erstellen Sie Suchformular im Menü wie in Twenty Fourteen Thema

Ich möchte das Suchformular im Menü von Twenty Fourteen replizieren. Ich habe versucht, den Suchknopf mit jQuery zu verstecken und zu zeigen. Mein Problem ist, dass die Taste nicht von links nach rechts gleitet und von rechts nach links nur “erscheint” und “verschwindet”. Wenn jemand einen Blick darauf casting könnte, wäre es großartig! Dies ist mein HTML-Code

 

und das ist mein einfacher jQuery-Code

 jQuery(document).ready( function(){ jQuery('#btn-search').click( function(event){ event.stopPropagation(); jQuery('#box-search').toggle(); }); jQuery('#box-search').click(function(event){ event.stopPropagation(); }); jQuery(document).click( function(){ jQuery('#box-search').hide(); }); 

});

Solutions Collecting From Web of "Erstellen Sie Suchformular im Menü wie in Twenty Fourteen Thema"

.animate () ist die jQuery-function, die Sie sich ansehen wollen. Sehr praktisch.

Hier ist ein Arbeitsbeispiel für Ihre spezielle Frage:

http://jsfiddle.net/B8Yv9/

Und eine komplette HTML-Aufarbeitung:

 < !doctype html>