$(document).ready(function() {
$(‘.search’).each(function() {
var self = $(this);
var div = self.children(‘.field’);
var placeholder = div.children(‘input’).attr(‘placeholder’);
var placeholderArr = placeholder.split(/ +/);
if(placeholderArr.length) {
var spans = $(‘<div />’);
$.each(placeholderArr, function(index, value) {
spans.append($(‘<span />’).html(value + ‘ ’));
});
div.append(spans);
}
self.click(function() {
self.addClass(‘open’);
setTimeout(function() {
self.find(‘input’).focus();
self.find(‘input’).on(‘keyup’, function() {
self.toggleClass(‘loading’, (self.find(‘input’).val().toString().length > 3));
});
}, 750);
});
$(document).click(function(e) {
if(!$(e.target).is(self) && !jQuery.contains(self[0], e.target)) {
self.removeClass(‘open loading’);
setTimeout(function() {
self.find(‘input’).val(”);
}, 400);
}
});
});
});
Juist!