Estou com o seguinte problema. Tenho esse código js:
// Tooltip
$("#sel-tooltip").select(function startTooltip(){
$(function() {
$('.tooltip-icon').tooltip({
placement: 'top',
title: 'Sinta-se em casa!'
});
});
});
Quero fazer, com que ao clicar dentro do input (sel-tooltip), apareça em outra área da mesma página um tooltip em cima de um elemento. Ou seja, ao clicar dentro do input para digitar, o tooltip aparece em cima desse outro elemento. Como posso fazer?
1 - Onde irá aparecer
<i class="glyphicon glyphicon-map-marker glyp-search tooltip-icon"></i>
2 - Onde irá realizar o evento para aparecer
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-3">
<div class="form-group">
<input type="hidden" name="inline" value="">
<select name="cidade-busca" class="combobox form-control input-lg" tabindex="1" style="display: none; height: 62px;">
<option value="" selected="selected">Selecione seu estado</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato G.</option>
<option value="MS">Mato G. do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio G. do Norte</option>
<option value="RS">Rio G. do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>
</div>
</div>
LINK NO JSFiddle: https://jsfiddle.net/oyozf3jk/