title: Show/Hide Divs when clicking on donut chart Section
body: <p>I have a donut raphael donut chart that I would like when clicked to show a cooresponding div of text.</p>
  
  <p>I tried to set id's for each section and then trigger them with jquery using this code but it is not working.</p>
  
  <pre><code>jQuery(document).ready(function() {
  
  jQuery(".div1, .div2, .div3, .div4").hide();
  
  jQuery("#arched1, #arched2, #arched3, #arched4").bind("click", function () {
  
     jQuery(".div1, .div2, .div3, .div4").hide();
  
      if (jQuery(this).attr("id") == "oxbowarc1") {
          jQuery(".div1").show();
      } else if ($(this).attr("id") == "oxbowarc2") {
          jQuery(".div2").show();
      } else if (jQuery(this).attr("id") == "oxbowarc3") {
          jQuery(".div3").show();
      } else {
          jQuery(".div4").show();
      }
  });
  });
  </code></pre>
  
  <p>What can I do to make this work?</p>
  
  <p>Here is the fiddle <a href="http://jsfiddle.net/dll416/17j9Lhwg/1/" rel="nofollow">http://jsfiddle.net/dll416/17j9Lhwg/1/</a></p>