title: Change image using jQuery
body: <p>I have a html-page where used jquery-ui accordion.
  Now I have to add in this page 2 image which should vary depending on the active section.
  How can I do it?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="acc"&gt;
      &lt;h1&gt;Something&lt;/h1&gt;
      &lt;div&gt;Text text text&lt;/div&gt;
      &lt;h1&gt;Something too&lt;/h1&gt;
      &lt;div&gt;Text2 text2 text2&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="pic"&gt;
      &lt;img class="change" src="1.png"/&gt;
      &lt;img class="change" src="2.png"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function() {
      $("#acc").accordion({
          change: function(event, ui) {
              /* I'm think something need here */
          }
      });
  });
  </code></pre>