如何在每次点击toogle幻灯片时滑动div并显示不同的内容?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (49)

每次点击滑鼠按钮时,我都会尝试在div之间切换。另外,另一个Button应该隐藏/显示每次单击开关按钮。

HTML代码:

<div id="divParticipants">
click 'on' to hide the button and show the second content 
</div>
<div id="divPackage" style='display:none'>
click 'off' to hide the button and hide first content 
</div>

<button type="button" id='add-new'>
another button 
</button>

JavaScript代码:

$(function () {
        $('#package-toogle').change(function () {
            $('#divParticipants').hide("slide", { direction: "right" }, 400, function () {
               $('#add-new').hide(); 
            });

            $('#divPackage').show("slide", { direction: "left" }, 400, function () {
                $('#add-new').show();
            });
        })
    });
提问于
用户回答回答于

试着用切换键代替。

      $(function () {
        $('#package-toogle').on('change', function () {
            $('#divParticipants').toggle("slide", { direction: "right" }, 400, function () {
            });

            $('#divPackage').toggle("slide", { direction: "left" }, 400, function () {
            });
          $('#add-new').toggle();
        })
    });

扫码关注云+社区

领取腾讯云代金券