z-index css jquery

edward18_1 · #1 (**permalink**) 17/07/2012, 13:09

Hola, tengo un codigo que realice que segun deberia cambiarme el z-index de unos div´s pero este no lo hace :S dejo el codigo para que vean y asi me pueden decir en que fallo o que :S Gracias

Código Javascript:

Ver original$(document).ready(function(){
$('.todos').click(function() {  
        var id=$(this).attr('id');//solicito el id de la clase ya que son distintos divs con una sola clase pero con distintos id
        $("#"+id).css('z-index' , 10);//segun esto es lo que deberia de cambiar el z-index pero no lo hace :S necesito es que se le aumente +10 al z-index actual 
    
        }); 
        
        
        });

Pablo Ayala · #2 (**permalink**) 17/07/2012, 14:34

Hola... espero te sirva mi ejemplo

Saludos

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
<style>
    #hola{
        float:left;
        background: #000;
        width: 600px;
        height: 600px;
        position:relative;      
    }
    
    #adios{
        float: left;
        background: red;
        width: 600px;
        height: 600px;
        margin: 100px 0 0 -300px;
        position: relative; 
                
    }
</style>
</head>
 
<body>
 
<div id="hola" ></div>
<div id="adios" ></div> 
    
<script>    
        $("#adios").click(function(){
            $(this).css("z-index", -1);
        });
        
        $("#hola").click(function(){
            $("#adios").css("z-index", 0);
            
        });     
    </script>
</body>
</html>

edwardd89 · #3 (**permalink**) 19/07/2012, 07:21

zindex=$("#"+id).css('z-index');
masdiez=zindex+10;
$("#"+id).css('z-index',masdiez);