jQuery的单击事件做出一个div滑下，推动下一格了视区

Question

我试图找出如何让jQuery的幻灯片＃内容2下来，用它代替＃内容1，同时使它看起来像＃内容1实际上是由于＃内容2按下从视图中删除它...

然后是被点击，使＃内容2＃替换内容1相同的按钮将还需要通过与＃内容1更换＃内容2使其滑到做相反的效果，并相互推闪开......

我不是所有的伟大与jQuery，所以我敢肯定，我已经对这个错误的方式，但这里是我试过：

$(document).ready(function() {
$('#click').click(function() {
 if($('#content1').is(':visible')) {
  $('#content1').slideUp();
 }
 else {
  $('#content2').slideDown();
 }
}).click(function() {
 if($('#content1').is(':visible')) {
  $('#content2').slideDown();
 }
 else {
  $('#content1').slideUp();
 }
});

}）;

Answer 1

您只需要点击绑定后，您可以切换幻灯片效果。 你可以尝试这样的事情

$(document).ready(function() {

  $('#click').click(function() {
    $('#content1').slideToggle();
    $('#content2').slideToggle();
  }
}

Answer 2

现在你想两个click事件处理程序绑定到相同的元素。 这是不可能的，你尝试但名称空间的事件，它是这样： $(#click).bind('click.event1')再后来.bind('click.event2')

但是可以向所有在一个函数：

$(document).ready(function() {
    // Pre selected for increased speed
    var content1 = $('#content1');
    var content2 = $('#content2');

    $('#click').click(function() {
        content1.slideToggle();
        content2.slideToggle();
    });
});

这不会是在同步PERFEKT但可能看行。