点击一个切换按钮 按钮的文字切换 对应的内容也跟着显示隐藏

点击展开的时候对应的内容块展开,点开之后变成关闭文字,对应的内容快也变成关闭。

class为z_look_medm是代表展开关闭文字的的按钮

class为z_look_more是代表的显示关闭的内容块。

$(".z_look_medm").click(function () {
        if ($(".z_look_more").is(":visible")) {
            $(".z_look_medm").text("查看药品↓");
            $(".z_look_more").hide();
        } else {
            $(".z_look_medm").text("收起↑");
            $(".z_look_more").show();
        }
    });

时间: 2024-10-05 06:58:44

点击一个切换按钮 按钮的文字切换 对应的内容也跟着显示隐藏的相关文章

vue实现点击左侧菜单,右侧跟着显示隐藏

1 <template> 2 <div class="mainMaterial"> 3 <div class="chooseItem"> 4 <div class="navMenus"> 5 <ul> 6 <li v-for="(item,index) in items" :key="index" :class="{active:i

关于bxslider在点击左右按钮之后不能自动切换的问题解决

bxslider很好,但是也弄了个很脑残的设置,每次点击左右按钮之后,就不能自动切换了,要重新点击下方播放的按钮,相当不好用.问度娘没能解决,但是发现一个论坛说要修改源码,这个也找了好久,没找到,问群友,但是都顾着妹子,没理我这屌丝.... 最后还是得感谢firebug神奇,直接通过查找影响左右按钮和page小圆圈的jquery事件,找到了源码位置,直接去了stopAuto(),这个方法就可以了,如图位置

点击按钮显示隐藏层 和 切换按钮同时显示多个隐藏层

按钮点击显示隐藏层(再次点击按钮则隐藏层关闭): HTML部分: <button type="button" id="show" onclick="showHidden()">点我显示隐藏层</button> <div id="hidden" style="display:none">我是隐藏层.</div> JS部分: <script type='te

问题:asp.net 点击button按钮调到页面顶部;结果:asp.net点击一个按钮,使页面跳转到本面页上的指定位置

asp.net点击一个按钮,使页面跳转到本面页上的指定位置 (2011-04-19 16:46:51) 转载▼ 标签: it   最近在做一个项目. 用到标题所说的功能. 实现方法: 1.在aspx中添加一个javascript: <script language="javascript" type="text/javascript">         <!-- function autoclick()         {            

(三十一)工具方法:获得应用程序包名/安装apk/如何获得当前栈顶的Activity/android如何实现点击一个按钮进入指定网页

(1).获得应用程序包名代码 /** * 获取当前应用程序的版本号 * * @return */ private String getVersion() { try { PackageManager manager = getPackageManager(); // 获取包管理服务 PackageInfo ClientInfo = manager .getPackageInfo(getPackageName(), 0); // 获取包的信息 return ClientInfo.versionNa

写了一个判断点击第几个按钮的JavaScript代码

写了一种判断点击第几个按钮的JavaScript代码如下: 1 <html> 2 <head> 3 <meta charset='utf-8'> 4 </head> 5 <body> 6 <button>第一个</button> 7 <button>第二个</button> 8 <button>第三个</button> 9 <button>第四个</butt

点击jQuery Mobile的按钮改变颜色

jquery-mobile-移动 我有这样的代码来改变点击一个按钮的颜色: $('.fav').live('click', function(e) { $(this).buttonMarkup({ theme: "b" }); }); 我怎样才能再次单击该按钮返回到正常颜色(C)? 有没有办法看到一个按钮的状态? 因为它是活的,那么你可以只让自己的切换: $('.fav').live('click', function() { var dotoggle = $(this).attr(&

android控件布局 ToggleButton按钮 图片和文字

ToggleButton控件具有checked属性对于要切换状态的功能按钮来说十分好用 这里以phone的开启DTMFTwelveKeyDialer的按钮为例 展示其效果和布局 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" andro

【全网最全的博客美化系列教程】07.添加一个分享的按钮吧

全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义