Question

$(document).ready(function() {
  $('#slideleft button').click(function() {
    var $lefty = $(this).next();
    $lefty.animate({
      left: parseInt($lefty.css('left'),10) == 0 ?
        -$lefty.outerWidth() :
        0
    });
  });
});

这是我目前拥有的代码，但是我想在div上调用菜单上的点击功能，到目前为止没有任何问题，但是我想仍然让它滑入同一个div进出但我似乎无法找到正确的事情，我需要改变这一点$(this).next();但我不知道什么，我尝试了很多东西，但似乎都没有回应。

永远感谢帮助！

Answer 1

如果你有想要滑动的div的ID（我们会说＆＃39; myDiv＆＃39;），你可以使用特定div的选择器而不是$(this).next()。例如：

$(document).ready(function() {
  $('#menu').click(function() {  //this now references the menu div
    var $lefty = $('#myDiv');    //this is the id of the div you want to slide
    $lefty.animate({
      left: parseInt($lefty.css('left'),10) == 0 ?
        -$lefty.outerWidth() :
        0
    });
  });
});

$(this).next()引用了一个相对于$('#slideleft button')的div，如果你想保留对这个div相对的引用，我们需要查看你的HTML标记才能知道在哪里看

Answer 2

试试这个 -

$(document).ready(function() {
  $('#slideleft button').click(function() {
    $(this).next().slideToggle();

  });
});

JQuery选择正确的div

2 个答案: