Question

我想一次滑动2 div s。

我button内的div始终显示在div旁边。而且我还有一个div隐藏，onClick button它显示隐藏的div。我已将幻灯片效果设置为隐藏的div，因此它会滑出onClick的{{1}}。但是，button hidden会滑出，但div会跳到其位置。

那么基本上我如何与button button同时制作此hidden幻灯片？

这是div

jQuery

这是我的HTML代码

$(function() {
    $('#leftmenu').hide();
});
function showLeftMenu()
{
    $('#leftmenu').show("slide",1000);

}
function hideLeftMenu()
{
    $('#leftmenu').hide("slide",1000);
}

任何人都可以帮我解决这个问题吗？

Answer 1

不确定你想要达到的目的是什么，但在通常的情况下，这将是你正在寻找的解决方案：

HTML（请注意，我已删除了onclick属性，因为它们已在JS方面处理过）：

<div id='leftmenu' class='leftmenustyle'>
    This is my div
    <button name='Menuhide'>Hide</button>
</div>
<div id='leftbutton'>
    <button name='menushow'>Show</button>
</div>

Javascript（jQuery / jQuery UI）：

$(function () {
    $('#leftmenu').hide();

    $('button[name="Menuhide"]').on('click', function () {
        $('#leftmenu').hide("slide", 1000, function () {
            $('#leftbutton').show("slide", 1000);
        });
    });

    $('button[name="menushow"]').on('click', function () {
        $('#leftbutton').hide("slide", 1000, function () {
            $('#leftmenu').show("slide", 1000);
        });
    });
});

演示：http://jsfiddle.net/SDtpx/1/

Answer 2

我设法解决了这个问题。这是我的代码。

function doSlide()
  {
  //$('#content').show("bounce", 1000);
  //$('#showpanel').hide();
  $('#sidepanel').toggleClass("hidesidepanel showsidepanel", 1000);
  $('#maincontent').toggleClass("show maincontent hidemaincontent", 1000);
  $('#openmenu').toggleClass("openmenuleft openmenuright", 1000);
  }

正如您所看到的，我刚刚切换了位于不同位置的类并为其添加了效果。不管怎样，谢谢。

Answer 3

function doSlide()
  {
  $('#sidepanel').toggleClass("hidesidepanel showsidepanel", 1000);
  $('#maincontent').toggleClass("show maincontent hidemaincontent", 1000);
  $('#openmenu').toggleClass("openmenuleft openmenuright", 1000);
  }

尝试删除任何未使用的代码。

一次滑动2个div？

3 个答案: