jquery - Input field wont function (Can't type text in it) -
i have search box slides out when click on div wont let me put text in , can't find reason why.
$('#searchh').click(function() { $('.search-button').animate({ 'left': '520px' }); }); $('#searchh').click(function() { $('.search-balk').animate({ 'width': '295px' }); }); .search-button { position: absolute; left: 225px; margin-top: -30px; z-index: -1; -webkit-transition: background-position 0.8s, color 1s; -moz-transition: background-position 0.8s, color 1s; transition: background-position 0.8s, color 1s; } .search-balk { position: absolute; right: 50px; height: 71px; width: 260px; background-color: #000; border: none; padding-left: 10px; color: #fff; z-index: 33; } <div class="search-button"> <input class="search-balk" type="text" name="search" placeholder="vul hier je zoekwoord in..."> <img src="/assets/images/search.png" /> </div>
remove .search-button { /* position: absolute; */ }
and see problem try make div on top of , gief position relative.
Comments
Post a Comment