snipt

Ctrl+h for KB shortcuts

HTML

Ocultar Div

<script language="javascript">
 function cambiar(esto)
 {
   vista=document.getElementById(esto).style.display;
   if (vista=="block")
     vista="none";
  else
     vista="block";
  document.getElementById(esto).style.display = vista;
 }
</script>
<a href="#" onclick="cambiar('ejemplo'); return false;" class="txt_general">Datos</a>	
<div id="ejemplo" style="display: block;">
</div>
https://snipt.net/embed/b968263024b976ee4b5f95c217808702/
/raw/b968263024b976ee4b5f95c217808702/
b968263024b976ee4b5f95c217808702
html
HTML
14
2019-08-23T06:44:25
True
False
False
/api/public/snipt/3557/
ocultar-div
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1"> 1</a> <a href="#L-2"> 2</a> <a href="#L-3"> 3</a> <a href="#L-4"> 4</a> <a href="#L-5"> 5</a> <a href="#L-6"> 6</a> <a href="#L-7"> 7</a> <a href="#L-8"> 8</a> <a href="#L-9"> 9</a> <a href="#L-10">10</a> <a href="#L-11">11</a> <a href="#L-12">12</a> <a href="#L-13">13</a> <a href="#L-14">14</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="p">&lt;</span><span class="nt">script</span> <span class="na">language</span><span class="o">=</span><span class="s">&quot;javascript&quot;</span><span class="p">&gt;</span> </span><span id="L-2"><a name="L-2"></a> <span class="kd">function</span> <span class="nx">cambiar</span><span class="p">(</span><span class="nx">esto</span><span class="p">)</span> </span><span id="L-3"><a name="L-3"></a> <span class="p">{</span> </span><span id="L-4"><a name="L-4"></a> <span class="nx">vista</span><span class="o">=</span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="nx">esto</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span><span class="p">;</span> </span><span id="L-5"><a name="L-5"></a> <span class="k">if</span> <span class="p">(</span><span class="nx">vista</span><span class="o">==</span><span class="s2">&quot;block&quot;</span><span class="p">)</span> </span><span id="L-6"><a name="L-6"></a> <span class="nx">vista</span><span class="o">=</span><span class="s2">&quot;none&quot;</span><span class="p">;</span> </span><span id="L-7"><a name="L-7"></a> <span class="k">else</span> </span><span id="L-8"><a name="L-8"></a> <span class="nx">vista</span><span class="o">=</span><span class="s2">&quot;block&quot;</span><span class="p">;</span> </span><span id="L-9"><a name="L-9"></a> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="nx">esto</span><span class="p">).</span><span class="nx">style</span><span class="p">.</span><span class="nx">display</span> <span class="o">=</span> <span class="nx">vista</span><span class="p">;</span> </span><span id="L-10"><a name="L-10"></a> <span class="p">}</span> </span><span id="L-11"><a name="L-11"></a><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> </span><span id="L-12"><a name="L-12"></a><span class="p">&lt;</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">&quot;#&quot;</span> <span class="na">onclick</span><span class="o">=</span><span class="s">&quot;cambiar(&#39;ejemplo&#39;); return false;&quot;</span> <span class="na">class</span><span class="o">=</span><span class="s">&quot;txt_general&quot;</span><span class="p">&gt;</span>Datos<span class="p">&lt;/</span><span class="nt">a</span><span class="p">&gt;</span> </span><span id="L-13"><a name="L-13"></a><span class="p">&lt;</span><span class="nt">div</span> <span class="na">id</span><span class="o">=</span><span class="s">&quot;ejemplo&quot;</span> <span class="na">style</span><span class="o">=</span><span class="s">&quot;display: block;&quot;</span><span class="p">&gt;</span> </span><span id="L-14"><a name="L-14"></a><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></pre></div> </td></tr></table>
div, ocultar