title: Modify the spoiler
body: <p>There is a cod <a href="http://jsfiddle.net/VWCnd/8/" rel="nofollow">http://jsfiddle.net/VWCnd/8/</a>. How do the following: when the presses "open all" all + changed to - ?</p>
  
  <p>html:</p>
  
  <pre><code>&lt;a onclick=$("div[class^='spoiler_toggle']").show() style="cursor:pointer; text-decoration: underline;"&gt;expand all&lt;/a&gt;
          /
  &lt;a onclick=$("div[class^='spoiler_toggle']").hide() style="cursor:pointer; text-decoration: underline;"&gt;close all&lt;/a&gt;
  
  &lt;a href="" class="spoiler_title"&gt;Title&lt;span class="sp_ind"&gt;+&lt;/span&gt;&lt;/a&gt;
  
  &lt;div class="spoiler_toggle"&gt;
      &lt;div class="spoiler_bg"&gt;
          &lt;p&gt;
  artile
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.spoiler_title {
      display:block;
      background-color: #551A8B;
      color: #fff;
      padding: 10px 10px;
  }
  .spoiler_toggle {
      display:none;
  }
  .sp_ind{
      float: right;
      margin-right: 10px;
  }
  .spoiler_bg {
      background: #9C6AC9;
      padding: 1px 10px;
  }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function(){
   $('.spoiler_title').click(function(){
       $(this).find(".sp_ind").text(($(this).find(".sp_ind").text() == '+' ? '-' : '+'))
    $(this).parent().children('div.spoiler_toggle').toggle();
    return false;
   });
  });
  </code></pre>
  
  <p>Thank you guys for helping noobs :)</p>