Ciao a tutti, esperti e non!
Da ignorante di jquery devo modificare una funzione che fa apparire e scomparire un form di login attraverso il cambiamento della classe css. Il form compare al click sul pulsante di login e scompare al click su qualunque elemento della pagina, compresi gli input del form stesso.
E ovviamente quest'ultimi non dovrebbero essere esclusi dalla funzione!

il codice html
codice:
<div id="dd" class="wrapper-dropdown-3" alt="nascosto" tabindex="1">
  <span>Log In</span>
  <ul id="ddForm" class="dropdown">[*]
      <form class="form-1">
        

 <input type="text" id="email" name="ind_email" placeholder="email" onfocus="decoloraDato(this)"> </p>
        

 <input type="password" id="pw" name="pass_word" placeholder="password" class="showpassword" onfocus="decoloraDato(this)"> </p>
        <p id='ricordaDati' style="float:left;" onclick="ricordaDatiAccesso()"> [img]img/spunta_vuota.jpg[/img] ricordami </p>
        <p style="margin-top:0; float:right;"> <input type="submit" id="plsLogin" name="submit" value="Accedi"> </p>
      </form>​​[*]Ho perso la mia password![*]Registrati a maremmaweb[/list]
</div>
il codice jquery
codice:
<script type="text/javascript">
  function DropDown(el) {
    this.dd = el;
    this.placeholder = this.dd.children('span');
    this.opts = this.dd.find('ul.dropdown > li');
    this.val = '';
    this.index = -1;
    this.initEvents();
  }

  DropDown.prototype = {
    initEvents : function() {
      var obj = this;
      obj.dd.on('click', function(event){
        $(this).toggleClass('active');
        return false;
        });
      obj.opts.on('click',function(){
        var opt = $(this);
        obj.val = opt.text();
        obj.index = opt.index();
        obj.placeholder.text(obj.val);
        });
      },
    getValue : function() {
      return this.val;
      },
    getIndex : function() {
      return this.index;
      }
    }

  $(function() {
    var dd = new DropDown( $('#dd') );
    $(document).click(function() {
      // all dropdowns
      $('.wrapper-dropdown-3').removeClass('active');
      });
    });
</script>
nel codice javascript, la classe wrapper-dropdown-3 ha opacità 0, quella .wrapper-dropdown-3 active ha 1
basta intervenire su
$(document).click(function() {
?
come escludo gli elementi del form da tutti gli altri?