Question

我已经创建了自定义反馈表单，但问题是，当我点击第一个标签时它会滑动表单女巫就像我想要的但是当我滑下来时我点击最后一个标签我不想再开始滑动。我希望与http://www.feedbackify.com/相同（点击反馈查看演示）。 JS：

  $(function () {
        $('#other').click(function () {
            $(".details").hide();
            $('#other-slide').slideDown('slow');
        });

        $('#problem').click(function () {
            $(".details").hide();
            $('#problem-slide').slideDown('slow');
        });

    });

我的演示：http://jsfiddle.net/VnXaU/1/

请帮我填写此表：）

Answer 1

我做了some mods in the script和一个wrapper div for the sliders。

<div class='form-wrapper'>
  ......slider divs.....
</div>

和jQuery：

$('#problem, #other').click(function () {
      var ID = this.id;
      if ($('.form-wrapper').is(':not(:visible)')) {
          $('.form-wrapper').slideDown('fast').promise().done(function () {
              $('[id="' + ID + '-slide"]').fadeIn('slow');
          });
      } else {
          $('[id$="-slide"]').hide();
          $('[id="' + ID + '-slide"]').fadeIn('slow');
      }
  });

find in this fiddle here

带有slidingown的自定义反馈表单

1 个答案:

和jQuery：