首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >删除显示:无从slideToggle中的jQuery中删除

删除显示:无从slideToggle中的jQuery中删除
EN

Stack Overflow用户
提问于 2014-08-27 22:49:18
回答 3查看 5K关注 0票数 1

我使用slideToggle jQuery function.which将display: none添加到元素中。

但我需要add/remove classes(.displayNone/.displayBlock)而不是将style="display:block/display:none添加到元素中。

如何实现这一目标?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('button').click(function(){
    $('p').slideToggle('normal');
})

jsFiddle

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-08-27 22:50:48

.toggleClass()

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('p').toggleClass('displayNone displayBlock');////Adds 'displayNone', removes 'displayBlock' and vice versa

您需要向p元素添加类:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<p class="displayBlock">

演示

如果您想要动画:将opicitytransition放在一起,因为display:none不与transition一起工作。

下面是演示:

过渡演示

更新

动画添加和删除类的callback函数的幻灯片:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('button').click(function(){
    $('p').slideToggle('normal',function(){ $(this).toggleClass('displayNone displayBlock');});
})

演示

票数 2
EN

Stack Overflow用户

发布于 2014-08-27 22:50:17

您需要在元素开头添加一个类,然后使用toggleClass()

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('p').toggleClass('displayNone displayBlock');

工作演示

票数 4
EN

Stack Overflow用户

发布于 2016-07-07 21:53:06

Manwal的回答不包括删除display:none / display:block.slideToggle()补充道。虽然removeAttr('style')可以工作(如OP的更新小提琴),但它也会重置元素上的任何其他内联样式。

通过将display规则设置为'',可以在不影响任何其他内联样式的情况下重置它。

以下是一个修订版:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('button').click(function(){
    $('p').slideToggle('normal', function() {
      $(this).css('display', '').toggleClass('displayNone displayBlock');
    });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25542441

复制
相关文章
jquery 节点的删除
detach()方法删除跟remove()一样,在删除节点后,同样也可以赋值给变量再次使用。
坚毅的小解同志的前端社区
2022/11/28
1.7K0
jquery 节点的删除
jquery点击删除按钮,删除当前的div
现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。
王小婷
2019/07/08
5.2K0
删除链表中的节点
请编写一个函数,使其可以删除某个链表中给定的(非末尾)节点。传入函数的唯一参数为 要被删除的节点 。
_kyle
2020/12/18
2.4K0
删除链表中的元素
题意 删除链表中等于给定值 val 的所有节点。 样例 给出链表 1->2->3->3->4->5->3, 和 val = 3, 你需要返回删除3之后的链表:1->2->4->5。 思路 只需要将一个指针,遍历链表,当链表中有元素与 val 值相同时,让当前节点的 next 节点直接指向 当前节点的 next.next 节点即可。 代码实现 /** * Definition for singly-linked list. * public class ListNode { * int val;
一份执着✘
2018/06/04
2.2K0
删除链表中的节点
#include<iostream> #include<vector> using namespace std; struct ListNode { int val; ListNode *next; ListNode(int x) : val(x), next(NULL) {} }; class Solution { public: void deleteNode(ListNode* node) { node->val = node->
大忽悠爱学习
2021/03/27
2.2K0
MongoDB中的删除操作
1. 删除用户 db.removeUser("username") 2.删除当前数据库 db.dropDataBase() 3.删除集合 db.collectionName.drop() 4.删除集合内指定文档 db.collectionName.remove({filter})
用户2936342
2018/08/27
1.6K0
java数组删除元素_java中删除 数组中的指定元素方法[通俗易懂]
java中删除 数组中的指定元素要如何来实现呢,如果各位对于这个算法不是很清楚可以和小编一起来看一篇关于java中删除 数组中的指定元素的例子。
全栈程序员站长
2022/09/22
8.3K0
Sequelize中批量删除
Sequelize中有批量查询findAll、批量创建bulkCreate,同时可以通过where进行条件筛选进行批量更新,在一次需要进行评论删除的功能实现时,我没有在文档中找到批量删除,原本是打算使用[Op.in]然后传递数组实现,在查询相关文章后发现where中可以直接传递数组。
用户6256742
2022/07/06
2.8K0
lua中删除元素
lua中删除元素常用办法就是t[k]=nil;table库还提供一个接口:table.remove();
用户4766018
2022/08/19
1.7K0
java删除文件内容_java 删除文件中的数据[通俗易懂]
如果只是想要文件中的内容,可以使用如下代码:FileOutputStream fs = new FileOutputStream(new File(“C:\\buyterms.txt”));
全栈程序员站长
2022/07/01
4.7K0
java逻辑删除_MybatisPlus中的删除和逻辑删除及区别介绍
逻辑删除:假删除,将对应数据中代表是否被删除字段状态修改为“被删除状态”,之后在数据库中仍旧能看到此条数据记录。
全栈程序员站长
2022/09/05
1.7K0
java逻辑删除_MybatisPlus中的删除和逻辑删除及区别介绍
kafka删除topic中的数据_kafka删除数据
二、如果当前topic有使用过即有过传输过信息:并没有真正删除topic只是把这个topic标记为删除(marked for deletion)。想要彻底删除topic数据要经过下面两个步骤:
全栈程序员站长
2022/11/03
4.2K0
PHPCMS删除路径中的html
最新版本的PHPCMSV9直接在栏目设置中选择“是否生成到根目录”即可。新建栏目和已存在栏目没有区别,修改后,更新一下缓存即可。 下面是原来的方法(已过期) 我所使用的是PHPCMSV9默认情况下生成的静态页面,都是位于html文件夹下,我不希望有太长的url,所以接下来让我们一起来解决路径中html的删除方法。
李维亮
2021/07/09
2.1K0
删除链表中重复的结点
题目描述 解题描述 public class DeleteDuplicationInList { static class ListNode { public ListNode next; public Integer val; } /** * 只能删除连续的的重复数字 * @param pHead * @return */ public ListNode deleteDuplication(Li
MickyInvQ
2021/12/07
2K0
删除链表中重复的结点
MongoDB中删除document的方法
> db.users.remove({z:'abc'}) 删除记录 delete from users where z="abc" 默认remove没有带选项true/false的话,是删除匹配到的全部行记录.如果要只删除一条匹配到的记录可以使用:db.users.remove({z:'abc'},true)  > db.t1.deleteOne({name:'zzz'})    删除1条匹配的记录 > db.t1.deleteMany({name:'zzz'})  删除全部匹配的记录 > db.pos.remove({"age":{$gt:23}}) > db.users.remove({}) 删除users表全部记录 ## 有时候需要全量的删除数据,但是如果一次性执行下去可能把mongodb搞崩,可以使用下面的方法: echo "db.table_name.find().limit(1000).forEach(doc =>  {     db.table_name.remove({_id:doc._id})     } )" | mongo --port 27017 db_name
保持热爱奔赴山海
2019/09/17
1.4K0
删除链表中重复的结点
例如,链表1->2->3->3->4->4->5 处-理后为 1->2->3->4->5
名字是乱打的
2022/05/13
1.7K0
python 删除文件中的空行
res = [x for x in res if x.split()] #将空行从 res 中去掉
全栈程序员站长
2022/09/02
3.5K0
如何在Python中删除(删除)文件和目录
本教程说明了如何使用os,pathlib和shutil模块中的功能删除文件和目录。
用户5005176
2021/08/10
13.1K0
删除链表中的重复节点.
在一个排序的链表中,存在重复的节点,如何删除链表中重复的节点并返回删除后的链表头指针?例如:1->2->3->3->4->4->5,处理后为: 1->2->5。
神奇的程序员
2022/04/10
2.8K0
删除链表中的重复节点.
237 删除链表中的节点
请编写一个函数,使其可以删除某个链表中给定的(非末尾)节点。传入函数的唯一参数为 要被删除的节点 。
木瓜煲鸡脚
2021/01/18
1.3K0
237 删除链表中的节点

相似问题

从slideToggle元素中删除jQuery队列

11

删除slideToggle时的空白

22

jQuery .slideToggle,显示:无

13

jQuery slideToggle()未显示:

15

JQuery slideToggle显示类型

60
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文