问题:如何将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…