Здравствуйте.
Хочу для формы опросника сделать возможные варианты ответа. Делаю на JS. Идея такая, при наведении на поля для ввода варианта, рядом появляется варианты ответов, нажав на один из которых, вариант добавляется в поле.
HTML:
<li class="answer_li" onMouseOver="answersListOn(this);" onMouseOut="answersListOff(this);">
<input type="text" name="val[answer][][answer]" value="" size="30" class="js_feed_poll_answer v_middle" /> <div class="possible_answers"></div>
</li>
JS
// Вставка вариантов ответов
function answersListOn(el) {
var options = '<a href="#" onclick="answerInsert(this);" class="row_sub_link">' + translations['poll.yes'] + '</a> | <a href="#" onclick="answerInsert(this);" class="row_sub_link">' + translations['poll.no'] + '</a>';
$(el).find('.possible_answers').append(options);
};
function answersListOff(el) {
$(el).find('.possible_answers').empty();
};
function answerInsert(el) {
// Еще не готово...
};
// Вставка вариантов ответов End
Так вот, когда курсор попадает на элемент LI то варианты появляются:

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