javascript - 带有下拉菜单的自定义反馈表

Question

我已经创建了自定义反馈表单，但问题是当我单击第一个选项卡时，它的幻灯片就像我想要的那样，但是当向下滑动并且我单击最后一个选项卡时，我不想再次开始滑动。我要一样：http ://www.feedbackify.com/ （点击反馈看demo）。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');
      }
  });

在这里找到这个小提琴