【问题标题】:how to create a jquery toggle using existing html code [closed]如何使用现有的 html 代码创建 jquery 切换 [关闭]
【发布时间】:2013-06-21 22:33:31
【问题描述】:
<div class="rsvp">
     <div class="block">

        <span class="rsvpNote">
        <h4 class="rsvpTitle">
            <a href="#" class="blockExpand" click="toggleRSVP(this); return false;"><span class="arrow"></span>RSVP</a>
        </h4> </div>

    </div>
</div>

您好,我有这段代码可以使用,我需要使用 Jquery 进行切换,但是我无法让它工作。此外,是否有一种方法可以自定义构成此切换的按钮。 内容将跟随在这些 DIV 下方。谢谢。

【问题讨论】:

  • 你还试过什么
  • 我尝试了所有可能的代码,但找不到自定义按钮的方法。我只想要一个当你点击它时会上下滑动的按钮,当你点击它时会显示信息。
  • 你的意思是按钮应该向下滑动或者信息应该向下滑动
  • 在谷歌上 2 秒,你会发现这个:api.jquery.com/slideToggle
  • 是的,我找到了这个,但我不确定如何修改代码以匹配我现有的代码。我是一名学生,我正在学习如何做这类工作。

标签: jquery html css toggle


【解决方案1】:

HTML:

<input type="button" value="click me" id="click">
    <div id="info">This is what you are expecting or may not , but im doing this just for fun</div>

jquery:

$("#click").click(function () {
      $("#info").toggle('slow');
    });

CSS:

#info{
    width:200px;
    background-color:#9494B8;
    border-radius:3px;
    padding:5px;
    display:none;
}

查看 DEMO

【讨论】:

  • 谢谢!!!!多亏了这段代码,我终于让它工作了!
  • 你可以选择我的答案
  • 我还有最后一个问题。当我刷新浏览器时,切换不会保持关闭状态。有没有办法确保切换开关在被按钮激活之前保持关闭状态?
  • 默认不显示消息
  • 刷新时,要显示的消息不会出现。你还需要什么
猜你喜欢
  • 1970-01-01
  • 2015-10-05
  • 2014-10-11
  • 1970-01-01
  • 2014-09-08
  • 1970-01-01
  • 2015-02-13
  • 1970-01-01
  • 2011-12-08
相关资源
最近更新 更多