1.  "spoiler"  "images"    .
 2.  -:  ==>  BB ==>  BB 

: Spoiler
 BB : spoiler
:

:
<link rel="stylesheet" type="text/css" href="spoiler/spoiler.css" /> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script type="text/javascript"> 
$(document).ready(function(){ 

    $(".toggle_container").hide();  

    $("h2.trigger").click(function(){ 
        $(this).toggleClass("active").next().slideToggle("slow"); 
        return false;  
    }); 

}); 
</script> 

<h2 class="trigger"><a href="#">>/ </a></h2> 
<div class="toggle_container"> 
    <div class="block"> 
        {param} 
    </div> 
</div>  
: [spoiler]?   ![/spoiler]
: ,     /  .
 : 
  (): images/editor/spoiler.png

      ,      

:
<link rel="stylesheet" type="text/css" href="http:///spoiler/spoiler.css" />

        ,      "spoiler.ccs".