Foros del Web - Ver Mensaje Individual

neodani · #5 (**permalink**) 03/05/2010, 23:41

Cita:

Iniciado por _Ju

No se supone que debe de haber una clase llamada "activo" para que esto funcione???

Veo que tienes "li.activo" pero no la clase "activo" como tal

Lo probé separándolo pero tampoco consigo que desmarque un elemento ya marcado.

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/v1.98/DTD/v1.98-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Marcando elementos</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".lista li").click(function () {  
      $(this).addClass('activo');
    });
    
     $(".lista li.activo").click(function () {  
      $(this).removeClass('activo');
    });
});
</script>
<style type="text/css">
.lista {
    padding:10px;
    margin:0px;
    list-style:none;
    width:50px;
}
.lista li {
    display:block;
    height:18px;
    text-decoration:none;
    color:#666666 !important;
    padding:1px 5px 1px 5px;
    border:1px solid #ffffff;
}
.lista li:hover {
    border:1px solid #e53500;
    text-decoration:none;
}
 
.activo{
    background:red;
    width:20px;
    height:20px;
    font-weight:bold;
    color:#fff;
}
</style>
</head>
<body>
<ul class="lista">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
</body>
</html>

Raro no?