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

Popular posts from this blog

How to provide Authorization & Authentication using Asp.net, C#? -

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

How to use Authorization & Authentication in Asp.net, C#? -