Jquery слайд-переключатель заставляет мою текстовую область прыгать вниз - PullRequest
Новая
       13

Jquery слайд-переключатель заставляет мою текстовую область прыгать вниз

0 голосов
/ 12 ноября 2011

Я использую этот плагин jQuery: http://api.jquery.com/slideToggle/

У меня есть этот код: 

<div id=panel><form action="postit.php" method="get" name="post" style = "margin-left:40px;">
<textarea required cols="35" rows="5" name="status" class="resizable" id = "statuses"></textarea>
<input type="submit" name="submit" value="FOO!"/>
</form></div>
<p class="slide"><a href="#" class="btn-slide">FOO</a></p>

По сути, этот код означает, что панель должна скользить вниз, но когда я запускаю ее, div медленно падает, но текстовая область работает хорошо, а затем внезапно поднимается наверх.

Что я могу сделать, чтобы решить эту проблему, это ошибка в API или что-то не так в моем коде?

Спасибо, я старался быть максимально ясным.

Вот css для текстовой области, на случай, если это может быть причиной проблемы, извините, если это не имеет значения, но у кого-то тоже может быть эта проблема.

resizable-textarea textarea { display:block; margin-bottom:0pt; height: 20%; width:90%; }

РЕДАКТИРОВАТЬ: Вот JavaScript (извините): 

$(".btn-slide").click(function(){
    $('textarea.resizable:not(.processed)').TextAreaResizer();
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});

1 Ответ

1 голос
/ 12 ноября 2011

У меня отлично работает: http://jsfiddle.net/SHKNQ/

Кажется, есть проблема TextAreaResizer, которая заставляет его скользить вниз.Обратите внимание, что в моей скрипке я отключил его, и он работает нормально.Если вы включите TextAreaResizer, я могу найти решение.

...