Forum - Das neue Template Xobor (v6) » Xobor-Spoiler mit Hinweis

<style>
.info_spoiler {font-size:11px;margin:0 0 0 2px !important;font-style: oblique;}
input {outline: none;}
</style>
 
<script>
$(function(){
$('.hpm_spoiler_body').after('<div class="info_spoiler">Bitte anklicken!</div>');
});
</script>
 

<style>
.info_spoiler {font-size:11px;margin:0 0 0 2px !important;font-style: oblique;}
input {outline: none;}
</style>
 
<script>
$(function(){
$('.hpm_spoiler_body').after('<div class="info_spoiler">Zum Öffnen bitte anklicken!</div><div class="info_spoiler" style="display:none">Zum Schließen bitte anklicken!</div>');
 
$('.hpm_spoiler').click(function(){
$('.info_spoiler',this).toggle();
});
 
});
</script>
 

<style>
.info_spoiler {font-size:11px;margin:0 0 0 2px !important;font-style: oblique;}
input {outline: none;}
</style>
 
<script>
$(function(){
$('.hpm_spoiler_body').after('<div class="info_spoiler">Zum Öffnen bitte anklicken!</div>');
 
$('.hpm_spoiler').click(function(){
$('.info_spoiler',this).toggle();
});
 
});
</script>
 

<style>
.info_spoiler {font-size:11px;margin:0 0 0 2px !important;font-style: oblique;}
input {outline: none;}
</style>
 
<script>
$(function(){
$('.hpm_spoiler_body').after('<div class="info_spoiler">Zum Öffnen bitte anklicken!</div>');
 
$('.hpm_spoiler').click(function(){
$('.info_spoiler',this).toggle();
});
 
$(".hpm_spoiler:contains('[no]')").each(function(){
$('.info_spoiler',this).remove();
});
$('.hpm_spoiler_body div').html(function(index, info) {return info.replace("[no]", "");});
 
});
</script>
 

<style>
.info_spoiler {font-size:11px; margin:0 0 0 2px !important;font-style: oblique;}
input {outline: none;}
</style>
 
<script>
$('.hpm_spoiler_body').after('<div class="info_spoiler">Bitte anklicken!</div>');
 
// Für verschachtelte Spoiler
function hpm_spoiler(el){
$(el).find('.hpm_spoiler_body').first().toggle();
}</script>
 

<style>
.info_spoiler {font-size:11px;margin:0 0 0 2px !important;font-style: oblique;}
input {outline: none;}
</style>
 
<script>
$('.hpm_spoiler').after('<div class="info_spoiler">Zum Öffnen bitte anklicken!</div>');
 
$('.hpm_spoiler').click(function(){
$(this).next().toggle();
});
 
$('.info_spoiler,.hpm_spoiler_body').on('click', function(e) {
e.stopPropagation();
});
 
function hpm_spoiler(el){
$(el).find('.hpm_spoiler_body').first().toggle();
}
</script>
 

<style>
  .info_spoiler {margin:6px 5px 0 5px !important; position:absolute;}
  .hpm_spoiler input {padding-left:20px;}
  input {outline: none;}
  .info_spoiler_open {display:block !important;}
</style>
 
<script>
window.addEventListener('load', function ( ) {
  $('.hpm_spoiler input').before('<img class="info_spoiler" src="https://files.homepagemodules.de/b104774/a_83_b849fb24.png"><img class="info_spoiler info_spoiler_none" style="display:none" src="//files.homepagemodules.de/b104774/a_82_ce352773.png">');
    $('.hpm_spoiler').click(function(){
      $('.info_spoiler_none:first',this).toggleClass('info_spoiler_open');
   });
});
</script>