Spoiler sólo con CSS
Con este método usaremos las bondades del CSS sin tener que recurrir a scripts, sólo CSS y nada más. Pero, tiene dos desventajas, la primera es que se necesitan dos botones, uno para mostrar el contenido y otro para ocultarlo. El otro inconveniente es que al mostrar el contenido la página hace un pequeño scroll hasta posicionar la página donde esté el contenido.
input onclick="window.location='#mostrar1';" type="button" value="Mostrar"/input onclick="window.location='#';" type="button" value="Ocultar" /div id="spoiler1"div id="mostrar1"...Aquí el contenido que quieres ocultar.../div/divstyle#spoiler1 div {display: none;}#spoiler1 div:target {display: block;}/style
Spoiler usando Javascript
Este tipo de spoiler es similar alspoiler que vimos hace algunos años, sólo que ligeramente modificado. Su uso requiere Javascript, muy poco en realidad. Básicamente hace lo mismo que el spoiler con CSS pero llamando los estilos con Javascript.input type="button" onclick="if(document.getElementById('spoiler1') .style.display=='none') {document.getElementById('spoiler1') .style.display=''; this.value = 'Ocultar'; }else{document.getElementById('spoiler1') .style.display='none';this.value = 'Mostrar'; }" value="Mostrar"/div id="spoiler1" style="display:none"...Aquí el contenido que quieres ocultar.../div
Spoiler usando Scriptaculous
Este método ya lo vimos alguna vez en el post "expandir y contraer partes de una entrada". Éste a diferencia de los anteriores muestra el contenido oculto con un efecto deslizante, dándole un toque más atractivo.script src='http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'/script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js'/Y cuando quieras poner el spoiler en una entrada usa este código:
input onclick='Effect.toggle("spoiler1","slide"); return false' type='button' value='Mostrar'/div id='spoiler1' style='display: none;'...Aquí el contenido que quieres ocultar.../divEn este caso también deberás cambiar las partes en azul siempre que quieras añadir más.
Spoiler usando jQuery
script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/Y en tu entrada usa este código cada vez que quieras poner tu spoiler:
input type="button" id="spoiler1" value="Mostrar"/div class="mostrar1" style="display: none;"...Aquí el contenido que quieres ocultar.../divscriptjQuery.noConflict();jQuery(document).ready(function(){jQuery('#spoiler1').click(function(){jQuery('.mostrar1').slideToggle("slow");});});/scriptAquí otra vez hay que cambiar lo que está en azul cada vez que quieras añadir uno nuevo, por ejemplospoiler1 porspoiler2 ymostrar1 pormostrar2
MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity
MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity
Donate your Car for Money Social media campaigns Donate Car to Charity California auto insurance cost by state business administration masters Donate Cars in MA ONLINE COLLEDGES Online casino DONATE YOUR CAR FOR KIDS Home Phone Internet Bundle Low Credit Line Credit Cards state of california car insurance REGISTER FREE DOMAINS Service business software Casino cell cycle regulation ppt HARDDRIVE DATA RECOVERY SERVICES hair removal washington dc Gas/Electricity best mesothelioma lawyers Casino reviews mesothelioma settlement amounts Seo services la personal injury lawyer Social media platforms for business Nunavut Culture miami personal injury attorney Life Insurance Co Lincoln Mesothelioma Law Firm Live casino Mobile casino DUI lawyer Personal Injury Law Firm accident car florida lawyer wisconsin mesothelioma attorney supportpeachtreecom Car Accident Lawyers Register Free Domains Massage school Dallas Texas Mortgage Adviser home phone internet bundle Donating a Car in Maryland mesothelioma settlements amounts Make money online Australia online colledges Criminal lawyer Donate your car for kids business email web hosting mesothelioma attorney earthlink business internet buy gift card Dedicated Hosting Dedicated Server Hosting Best social media platforms for business DALLAS MESOTHELIOMA ATTORNEYS Donate Your Car for Kids WordPress theme designers PAPERPORT PROMOTIONAL CODE Motor Insurance Quotes best accident attorneys colorado mesothelioma lawyers cash out structured settlement Auto Mobile Shipping Quote Hire php developer car insurance companies online criminal justice degree small business administration sba donate your car for kids lawsuit mesothelioma FORENSICS ONLINE COURSE Car Insurance Quotes PA Hire php developers Hire php programmers Car Insurance Quotes Colorado Dayton freight lines selling annuity payments for cash DONATE A CAR IN MARYLAND injury lawyers CHEAP DOMAIN REGISTRATION HOSTING boulder personal injury lawyers Dwi lawyer asbestos exposure lawyers WORLD TRADE CENTER FOOTAGE See more at http//wwwginfostopnet/ cheap domain registration hosting alcohol rehab center in florida Custom Christmas cards Donate Cars Illinois PHD on Counseling Education Christmas cards Criminal defense lawyer World trade center footage mortgage adviser low credit line credit cards DONATING A CAR IN MARYLAND google affiliate mesothelioma lawyers san diego mesothelioma attorney florida mesothelioma attorney california Php programmers for hire Royalty Free Images Stock Donating Used Cars to Charity asterisk call center software Bankruptcy lawyer Computer science classes online Php programmers structured settlement annuity companies Seo companies New social media platforms Best Seo company Asbestos Lawyers Dallas Mesothelioma Attorneys Business finance group Seo company CRIMINAL DEFENSE ATTORNEYS FLORIDA Photo Christmas cards