jQuery中的slideToggle( )方法和toggleClass( )方法的使用示例

① slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。
如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。
示例：通过使用滑动效果，在显示和隐藏状态之间切换

元素，点一次段落隐匿，再点，段落出现。

 $(document).ready(function () {
            $(".btn1").click(function () {
                $("p").slideToggle();
            });
        });

    <p>This is a paragraph.</p>
    <button class="btn1">Toggle</button>

② toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

$(document).ready(function () {
            $("button").click(function () {
                $("p").toggleClass("main");
            });
        });