Ver Mensaje Individual
  #6 (permalink)  
Antiguo 17/04/2014, 20:21
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 17 años
Puntos: 1146
Respuesta: Saber sí se presionó un botón con javascript

con lo que deseas hacer se me ocurren 3 escenarios

1.- javascript
Código HTML:
Ver original
  1. <span onclick="mostrar('id1');">Mostrar</span>
  2. <div id="id1" style="display:none;">mostrar contenido</div>
Código Javascript:
Ver original
  1. function mostrar(id){
  2.        var xx = document.getElementById(id)
  3.        if(xx.style.display=='none'){
  4.             xx.style.display = 'block';
  5.        }else{
  6.             xx.style.display = 'none';
  7.        }
  8.     }
2.- jquery
Código HTML:
Ver original
  1. <span class="btn">Mostrar</span>
  2. <div>mostrar contenido</div>
Código CSS:
Ver original
  1. .btn+div{display:none;}
  2. .btn.sel+div{display:block;}
Código Javascript:
Ver original
  1. $('.btn').click(function(){
  2.        if($(this).hasClass('sel')){
  3.            $(this).removeClass('sel');
  4.        }else{
  5.            $(this).addClass('sel')
  6.        }
  7.     });
3.- html+css
Código HTML:
Ver original
  1. <input type="checkbox" id="f1" class="hidden" />
  2. <label for="f1">boton</label>
  3. <div>mostrar contenido</div>
Código CSS:
Ver original
  1. input[type="checkbox"].hidden,input[type="checkbox"]+label+div{display:none;}
  2. input[type="checkbox"]:checked+label{color:#f00;}
  3. input[type="checkbox"]:checked+label+div{display:block;}