Hola buenas tengo un problema al que no encuentro la solucion, si pudieran ayudarme se lo agradeceria
Tengo unos div's generados con php para mostrar unos datos de mysql
Código PHP:
while($row = mysqli_fetch_array($result)){
echo "<div class='ocasion_result glow'>";
echo "</div>";
Este es el estilo aplicado a esos div:
Código:
.ocasion_result{
text-align: left;
font-weight: bold;
color: #6a9ab9;
width: 70%;
margin: 0 auto 2% auto;
padding: 2% 0 0 2%;
height: 120px;
background-color: #f4f4f4;
border: 2px solid #6a9ab9;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
cursor: pointer;
}
Le quiero aplicar un efecto con jquery, este concretamente:
Código:
$('.ocasion_result').click(function(){
$(this).animate({
height: '+=20'
},'slow');
});
Pero no funciona. Lo he probado aqui http://jsfiddle.net/SUQA9/ y si funciona bién, yo no se que está pasando, si hay algún conflicto o que. Tengo la libreria enlazada ya que tengo otros efectos aplicados en la web. Puede ayudarme? Gracias