Foros del Web - Ver Mensaje Individual

Pablo Ayala · #4 (**permalink**) 14/07/2012, 09:33

Ok, ya entendi... yo lo haria de la siguiente forma:

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>
                .oculto{
                    display:none;
                }
                
                .muestraoculta{
                    cursor:pointer;
                }
                
            </style> 
        <script language="JavaScript">
        
        function muestra_oculta(link, id){      
            var el = document.getElementById(id);
            if (el.style.display=="none" || el.style.display=="" ){
                el.style.display="block"
            link.innerHTML = "Ocultar Campo";   
                }else{
                el.style.display="none"
                link.innerHTML = "Mostrar Campo";
            }                   
        }
        </script>
    </head>
    <body>      
    <h1><a class="muestraoculta"  onclick="muestra_oculta(this, 'contenido')">Mostrar Campo</a></h1>
 
    <div id="contenido" class="oculto">contenido</div>
    
    
    </body>
</html>

PD Usa CSS externos...