0

カスタムフィードバックフォームを作成しましたが、問題は、[最初の]タブをクリックすると、フォームの魔女が好きなようにスライドしますが、下にスライドして最後のタブをクリックすると、もう一度スライドを開始したくないということです。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/

このフォームを完成させるのを手伝ってください:)

4

1 に答える 1

1

私がやったsome mods in the scriptと1つ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');
      }
  });

ここでこのフィドルを見つけてください

于 2013-02-28T17:34:16.067 に答える