jquery - Add an arrow when hovering an image -


i need help.

i have current code:

<script type="text/javascript">  $(document).ready(function(){     $('div.imagens1').mouseover(function(){         div_imagem = $(this); //div que tem imagem         p = div_imagem.find('p').first();         texto_p = p.text();          $('#lista1').find('p').each(function(){              $(this).css('color','white');             $(this).css('font-size','20px');              if ( ($(this).text()).tolowercase() == (texto_p) ){                  texto_lista = $(this); //texto (elemento p da lista) respetivo à imagem                  //podes por exemplo meter o texto p negrito assim:                 texto_lista.css('color','#575658');                 texto_lista.css('font-size','26px');              }         });      }); }); </script> 

that searches in image text "salas" , goes list have on side change css gets highlighted.

now need find way make arrow appear when said thing happens.

someone can help.

best regards, luis

you can use pseudo elements accomplish that.
this: http://jsfiddle.net/9ws7gsv2/
can change pseudo element content property whatever want, font icon popular font awesome.


Comments

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -