Как сделать входную коробку с правой стороны налево? ⇐ CSS

[Anonymous]

У меня есть следующий html: < /p>



Weather


Travel



Search


< /code>
css < /p>
.menus {
float:right;
}
.menu-option {
display: inline-block;
border-left: 1px solid black;
padding: 0 15px;
}
.search-input {
display: none;
}
< /code>
javascript: < /p>
$('.search-btn').click(function(e) {
$('.search-input').show();
});
< /code>
На данный момент я могу показать поле поиска из скрытого при нажатии на текст поиска. Как я могу сделать окно поиска, перемещаясь слева влево и выдвинув другой текст на левую сторону, вместо того, чтобы показывать окно поиска внезапно.>

Подробнее здесь: https://stackoverflow.com/questions/359 ... ht-to-left