title: Show button if div length is higher than one
body: <p>How I do show/hide (toggle) a button element if <code>div#choices</code> has more than one div inside it and each time the <code>div#choices</code> is showed (it's hidden by default)? This is the code where I toggle <code>div#choices</code>:</p>
  
  <pre><code>$('#choices').on("change", ":checkbox", function(e) {
      var theName = $(this).attr('name');
      var theID = $(this).attr('value');
      var input = "";
  
      input = '&lt;span&gt;' + capitalize(theName) + '&lt;input name="input_' + theName + '[]" data-id="' + theName + '_' + theID + '" value="" placeholder="' + capitalize(theName) + '" /&gt;&lt;br/&gt;&lt;/span&gt;';
  
      if ($(this).is(":checked")) {
          $("#" + theName + '_choice_' + theID).find(':button').before(input);
          $("#" + theName + '_choice_' + theID).show();
      } else {
          $("#" + theName + '_choice_' + theID).find(':not(button)').remove();
          $("#" + theName + '_choice_' + theID).hide();
      }
  });
  </code></pre>
  
  <p><strong>Update: added jsFiddle and working on some code based on suggestions</strong></p>
  
  <p>Here is the example of code in which I'm working on: <a href="http://jsfiddle.net/b5bfJ/4/" rel="nofollow">jsFiddle</a></p>
  
  <p>Also this is the code I made but without success since button remains even when children div's are hidden:</p>
  
  <pre><code>function toggleCreateVariationButton() {
      var toggleThis = $("#choices").children('div').length &gt; 1 &amp;&amp; $('#choices').children('div').css('display') != "none" ? true : false;
      $("button#create-variation").toggle(toggleThis);
  }
  </code></pre>
  
  <p>I call the function any time I clone a input, what's wrong?</p>