Witam, mam problem związany z wyświetlaniem opcji w select. Mam kod napisany w jquery, który po kliknięciu w przycisk zmienia jego wysokość i wrzuca tam HTML z selectem. Wszystko wykonuje się jak należy, lecz problem polega na tym gdy próbuję kliknąć w SELECT'a za pierwszym razem nic się nie dzieje, dopiero przy drugim kliknięciu wyświetlana jest lista. Jeżeli kliknę gdziekolwiek poza tego DIV'a, muszę ponownie kliknąć dwa razy aby wyświetliła się lista...
Kod:
$("#new-account").one("click", function() {
$(this).animate( {
'height': '130px'
}, 500);
$(this).css( {
'user-select': 'auto',
'background-color': '#97E464',
'cursor': 'default'
});
$(this).html("\
<p1>Rodzaj konta</p1> <br>\
<select id='account-type'>\
<option value='standard'>Standard</option>\
<option value='standard-plus'>Standard plus</option>\
<option value='for-young'>Dla młodych</option>\
<option value='company'>Dla frim</option>\
</select>\
<br><input type='submit' id='create-account' value='Załóż konto'>\
");
$("#account-description").animate( {
'opacity': '1'
}, 500);
CreateAccount();
});
CSS:
#account-type {
margin-top: 5%;
width: 150px;
text-align: center;
font-size: 1.4rem;
outline: none;
border-radius: 5px;
border: 1px solid #5E5E5E;
letter-spacing: 1px;
appearance: none;
-moz-appearance: none;
background: url("../img/carret-down.png") no-repeat 97% 60%;
background-color: #FFF;
padding: 5px;
}