Question

I am wondering if there is a way to NOT show the disabled elements? And if they we’re re-enabled (by javascript/jquery) show them?

Answer 1

Wrap it with a span that hides the element. Not pretty, but it works. E.g.

jQuery

$(document).ready(function() {
  $("#togglebutton").click(function(){
    var Element=$("#disableme");

    if (Element.attr("disabled")==false) {
      Element.attr("disabled","disabled").wrap("<span class='hide'></span>");
    } else {
      Element.removeAttr("disabled");
      Element.parent('span.hide').replaceWith(Element.parent('span.hide').html());
    }
  });
});

CSS

.hide {
  display: none;
}

HTML

<input type="text" id="disableme"><br />
<input type="button" id="togglebutton" value="Toggle disable">

Tested on IE 6, IE 8, Firefox 3.6.6, Opera 10.60 and Iron 5.0.380.