jQuery-如何将Hide()与复选框配合使用以启用Animation(transition)? - php

问题:如何将JQuery Hide()与动画一起用于网页的各个部分?目前正在使用CSS:不显示任何内容。

的CSS

.hide { display: none; }

的HTML

<input type="checkbox" id="toggle-event-Sports" >
<section class="hide" id="section-sports">...</section>

Javascript:

<script>
    $(function() {
        $('#toggle-event-Sports').change(function() {    
            $("#section-sports").toggleClass('hide');
        })
    })
</script>

php参考方案

这是您所需的简单工作解决方案:

1.上下滑动动画:

$('#toggle-event-Sports').change(function() { 
    if($('#toggle-event-Sports').is(":checked"))   
        $("#section-sports").slideDown();
    else
        $("#section-sports").slideUp();
});

#section-sports{ width:100px; height:100px; background:red; display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input type="checkbox" id="toggle-event-Sports" >
<section  id="section-sports">...</section>

2.淡入/淡出过渡:

$('#toggle-event-Sports').change(function() { 
    if($('#toggle-event-Sports').is(":checked"))   
        $("#section-sports").fadeIn();
    else
        $("#section-sports").fadeOut();
});

#section-sports{ width:100px; height:100px; background:red; display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input type="checkbox" id="toggle-event-Sports" >
<section  id="section-sports">...</section>

将一个PHP对象发送到另一个PHP页面 - php

我想知道是否有一种方法可以将PHP对象发送到另一台计算机上的另一个PHP页面?例如-我实现了一个构造Trie的类。现在,在构造Trie之后,我想将对象发送到另一个PHP页面,以便它也可以访问该对象。可行的选择是将其包装到某种编码的JSON请求中,然后将其发送到可以使用jQuery将其中继到所需页面的页面吗?对不起,我对此绝对陌生!将感谢提供的任何帮助。干杯!…

在Codeigniter中以数组形式获取查询结果 - php

我有一个查询,如何获取结果作为数组? php大神给出的解决方案 像这样:$rs = $this->db->query(...); $array = $rs->result_array(); https://www.codeigniter.com/user_guide/database/results.html

验证php中的javascript对象 - php

在我的用户界面中,用户可以构建一些javascript对象,例如:var box = { "width": "100px", "height": "200px", "click": function () { alert("You clicked t…

如何在Woocommerce中的“添加到购物车”按钮上显示加载图标 - php

我想在用户单击添加到购物车按钮上时显示一个加载符号。当前在我的网站上,当用户单击按钮时,它在2-4秒内不执行任何操作并显示查看购物车按钮。我想在这4秒钟内显示一些加载或旋转图标。可能吗?有人可以指导我吗链接:http://www.myeatable.com/cnc-ongole/ php参考方案 对于添加到购物车上的加载图像,我可能建议在您的js中编写代码,…

我如何反序列化字符串? - php

我有一个菜单系统,该菜单系统使用拖放树结构来使用户易于修改。当javascript对字符串进行序列化时,它会通过以下方式进行处理:// Assume each of these items has an ID on with the respective numbers attached Menu Item 1 + Menu Item 2 + Menu It…