python箭头向下怎么变_实现点击下箭头变上箭头来回切换的两种方法【推荐】

我所知道的常用的就这两种。

第一种：说明一下我用的是fontawesome字体，首先要去官网下载来用

我用的是bootstrap,所以hidden是自带的，上面的初始状态就是下箭头angle-down是显示的，然后上箭头angle-up是hidden的.

上js代码:

$('.btn-more').click(function(ev){

$(this).children('.fa-angle-down').toggleClass('hidden');

$(this).children('.fa-angle-up').toggleClass('hidden');

})

就这样，上下箭头就可以来回切换了，一般来说就是显示内容的时候可能会用到呢

第二种方法就是，html代码

css代码

.arrow:before {

float: right;

width: 20px;

text-align: center;

display: inline;

font-size: 16px;

font-family: FontAwesome;

height: auto;

content: "\f104";

font-weight: 300;

text-shadow: none;

position: absolute;

top: 4px;

right: 14px;

color: #990;

}

.arrow.open:before{

content: '\f107';

}

js代码就是

$('.nav-item>a').click(function(){

$(this).children('.arrow').toggleClass('open')

})

第二种方法主要就是通过添加一个class来覆盖之前的那个content，同样是fonawesome的字体哈

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

python箭头向下怎么变_实现点击下箭头变上箭头来回切换的两种方法【推荐】相关推荐

手机恢复出厂设置命令_华为手机怎么恢复出厂设置华为恢复出厂设置的两种方法...
当我们的华为手机出现一些系统错乱或感染病毒或因个人原因想让我们的手机恢复出厂设置,让手机全变得一干二净,跟我们刚买来时的状态一样,我们该去哪里操作呢,下面,让小编带大家一起了解下这方面的知识. 华为恢 ...
java如何获得键值_如何在java中取map中的键值的两种方法
第一种方法根据键值的名字取值 import java.util.HashMap; import java.util.Map; public class Test { /** * @param args ...
JAVA中如何取map的值_如何在java中取map中的键值的两种方法
第一种方法根据键值的名字取值 import java.util.HashMap; import java.util.Map; public class Test { /** * @param args ...
python字符串成熟编码_python字符串转公式两种方法获取网页编码python版
在web开发的时候我们经常会遇到网页抓取和分析,各种语言都可以完成这个功能.我喜欢用python实现,因为python提供了很多成熟的模块,可以很方便的实现网页抓取. 但是在抓取过程中会遇到编码的问题 ...
python packages limited ram_python import自己创建的框架下的子模块—pychram和cmd正确执行脚本的两种方法...
当我们导入一个模块时:import xxx,默认情况下python解析器会搜索当前目录.已安装的内置模块和第三方模块,搜索路径存放在sys模块的path中: >>> import s ...
python怎么模拟浏览器交互_干货分享：python爬虫模拟浏览器的两种方法实例分析（赶紧收藏）...
今天为大家带来的内容是:干货分享:python爬虫模拟浏览器的两种方法实例分析(赶紧收藏) 文章主要介绍了python爬虫模拟浏览器的两种方法,结合实例形式分析了Python爬虫模拟浏览器的两种常见操 ...
python numpy读取数据_大神教你python 读取文件并把矩阵转成numpy的两种方法
导读今天小编就为大家分享一篇python 读取文件并把矩阵转成numpy的两种方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧在当前目录下: 方法1: file = open( ...
python大神读取_大神教你python 读取文件并把矩阵转成numpy的两种方法
导读今天小编就为大家分享一篇python 读取文件并把矩阵转成numpy的两种方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧在当前目录下: 方法1: file = open( ...
python租车系统_使用Python实现租车计费系统的两种方法
您的位置:首页 > 站长学院 > 网络技术正文内容使用Python实现租车计费系统的两种方法使用Python实现租车计费系统的两种方法更新时间:2018-09-29 18:0 ...

python箭头向下怎么变_实现点击下箭头变上箭头来回切换的两种方法【推荐】

python箭头向下怎么变_实现点击下箭头变上箭头来回切换的两种方法【推荐】相关推荐

最新文章

热门文章