title: Hide/Show and Resize Issue with Am Charts
body: <p>I'm having trouble with a jQuery plugin called <a href="http://amcharts.com" rel="nofollow">AmCharts</a>. The issue I'm having is that I want it to be hidden when the site loads, but when a button is clicked it should be shown. My jQuery is all set up properly, but when the button is clicked the chart does not appear. At first. As soon as you click the button and then resize the window, the chart magically appears and stays. So it seems to be a bug of some kind, but I'm not proficient enough with jQuery yet to say for certain. Here's the jQuery code:</p>
  
  <pre><code>$("#button").show();
  $("#chartdiv").hide();
  
  $("#button").click(function(){
      $("#chartdiv").toggle();
  });
  
  var chart = AmCharts.makeChart("chartdiv", {
          "type": "pie",
          "theme": "none",
          "startEffect": "easeOutSine",
          "legend": {
              "markerType": "circle",
              "position": "bottom",
              "marginRight": 0,
              "autoMargins": false
          },
          labelsEnabled: false,
          "dataProvider": [{
              "pictures": "Stock",
              "total": 256.9
          }, {
              "pictures": "3rd Party",
              "total": 131.1
          }, {
              "pictures": "360 Spin",
              "total": 115.8
          }, {
              "pictures": "360 Detail",
              "total": 109.9
          }, {
              "pictures": "No Content",
              "total": 132
          }],
          "valueField": "total",
          "titleField": "pictures",
          "balloonText": "[[title]]&lt;br&gt;&lt;span style='font-size:14px'&gt;&lt;b&gt;[[value]]&lt;/b&gt; ([[percents]]%)&lt;/span&gt;",
          "exportConfig": {
              "menuTop": "0px",
              "menuItems": [{
                  "icon": '/lib/3/images/export.png',
                  "format": 'png'
              }]
          }
      });
  </code></pre>
  
  <p>Here's a <a href="http://jsfiddle.net/Perry_/N3fpz/" rel="nofollow">working fiddle</a> to see what I'm talking about. Any help would be appreciated!</p>