javascript - 从 TamperMonkey 打开 jQuery Accordion

标签 javascript jquery html css jquery-ui

我在页面上有一个 Accordion ,看起来像这样,

<div class="acc-header ui-accordion-header ui-helper-reset ui-state-default ui-accordion-icons ui-corner-all" action="stockexchange.php?ajax=true&amp;step=profile&amp;ID=5" role="tab" id="ui-accordion-1-header-26" aria-controls="ui-accordion-1-panel-26" aria-selected="false" tabindex="0"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
            <div class="logo-stock">
                <i class="stock-iou-icon"></i>
                <!-- <img width="80px" height="60px" src="/images/v2/stock/portfolio_logos/IOU_logo.png?v=1486475443550" /> -->
            </div>
            <div class="abbr-name d-hide" title="Insured On Us">IOU</div>
            <div class="name t-overflow">Insured On Us</div>
            <div class="change down">
                <i class="arrow-change-icon" role="img" aria-label="stock price is down"></i>
                <span class="value">
                    $0.015                    </span>
            </div>
            <div class="arrow-left">
                <div class="t-delimiter d-hide"></div>
                <div class="b-delimiter d-hide"></div>
            </div>
            <div class="price">
                <span class="wai t-wai-reset">Stock Price: </span>
                $148.33                </div>
            <div class="owned">
                <span class="wai t-wai-reset">Owned: </span>
                0                </div>
            <div class="clear"></div>
        </div>

我需要使用来自单独页面的 TamperMonkey 脚本打开它。我基本上需要模拟自动点击它,但我不确定该怎么做。

最佳答案

通常您会使用如下所示的 jQuery 代码:

$(".acc-header").click(function(){
  //hiding content from id ->content
  $("#content").slideToggle();
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<h1 class="acc-header">
  Click this header!
 </h1>

<div id="content">
This text will hide!
</div>

您单击标题,然后内容被隐藏。

关于javascript - 从 TamperMonkey 打开 jQuery Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42160336/

相关文章:

javascript - 将返回的数据转为jquery对象

javascript - 如何复制数组行为?

javascript - 与桌面浏览器相比,移动浏览器有多强大?

javascript - 错误 下拉列表验证错误 : mat-form-field must contain a MatFormFieldControl.

javascript - Onclick 将元素设置为相对,否则将其他 div 设置为绝对

html - 如何在 Laravel Blade 模板中定义超链接?

javascript - 通过Javascript避免在html列表中的列表中重复

javascript - 外部 div 内容进入内部 div

javascript - 仅允许在 500 毫秒过去后单击元素

html - 我应该用数据库中的是/否选项填充下拉列表还是直接使用 HTML 来填充?