Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div class='left mt-15 mb-30' id="atributos">
  <label for="produtoChaves" class="fSc-666 fSb fS-11 pb-5 mb-1 mt-12 cLeft ">
    Adicionar atributos:
  </label>
  <!-- Buttons -->
  <a href="#" class="cLeft fS-11 fSc-white inlineBlock span-220 long-35 ico" title='Adicione atributos que foram criados no produto'
  id="attribs">
  <span class="ico-attrib">Adicionar atributos já criados</span>
  </a>
  <a href="#" class="fS-11 fSc-333 span-128 long-35 inlineBlock ml-40 mr-20 ico" title="Crie atributos relacionados ao produto como ex: cor da camisa"
  id="create">
  <span class="ico-create">Criar Atributos</span>
  </a>
  <a href="#" class="fS-11 fSc-333 span-128 long-35 inlineBlock ico" title="Edite atributos do seu produto"
  id="edit">
  <span class="ico-edit">Editar Atributos</span>
  </a>
  <!-- /Buttons -->
</div>
<div class='left mt-10 mb-20 span-580 long-279' id="create_attrib">
  <div class="left pl-30">
    <div class="cLeft mt-15">
      <label for="produtoAtributo" class="fS-11 fSc-666" for="">
        Atributo:
      </label>
      <input type="text" class="inputText ico" title="Dart Vader" id="produtoAtributo"
      />
    </div>
    <div class="cLeft mt-15">
      <label for="produtoCaracteristica" class="fS-11 fSc-666" for="">
        Características:
      </label>
      <input type="text" class="inputText ico" title="Anakim Skywalker" id="produtoCaracteristica"
      />
    </div>
  </div>
  <div class="right  mr-15 mt-18">
    <label for="produtoCaracteristicaAdicionada" class="fS-11 fSc-666" for="">
      Características adicionadas:
    </label>
    <textarea name="" class="fS-11 span-280 long-111 ico" id="produtoCaracteristicaAdicionada"
    title="Princesa Leia" cols="30" rows="10">
    </textarea>
  </div>
  <div class=" mt-15 pl-30">
    <input type="submit" value="Adicionar" class="span-150 long-23 bt-2" />
  </div>
  <p class="cBoth">
    &nbsp;
  </p>
  <p class="fS-11 fSc-666 pl-30">
    Remember, a Jedi can feel the Force flowing through him. All right. Well, take care
    of yourself, Han. I guess that's what you're best at, ain't it? You're all clear,
    kid.
  </p>
  <hr class="hr-3" />
  <input type="submit" value="Criar e Salvar" id="btnSalvarAtributos" class="span-106 ml-225 mb-10 long-23 bt-1"
  />
</div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$("#create_attrib").hide();
$("#create").click(function() {
  $("#create_attrib").fadeIn();
});

var create_attrib = $("#create_attrib");
var create = $("#create");

create_attrib.hide();
create.live("click", function() {
  create_attrib.fadeIn();
});

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments