Я рассматриваю еще 1 вариант с расширенными результатами поиска. Там, как я понял, все прописано в jquery и совершенно непонятно как сделать выпадающий список шире, чем сама строка поиска и чтобы изменения сохранились в новой теме.
$(".autocomplete").autocomplete({
...
open: function() {
$("ul.ui-menu").width( Нужная ширина );
...
}
...
});
А чтобы было с анимацей, нужно прочитать и поупражняться с transition http://html5book.ru/css3-transition/
]]>
Как сделать так, чтобы при постановке курсора в строку поиска, она расширялась направо поверх других объектов, например на 100 пикселей?
А при клике в любом другом месте экрана поиск обратно становился своей изначальной ширины?
]]>