簡體   English   中英

使用切換功能向下滑動

[英]slide down with toggle function

我想用錨標記切換我的div,但是代碼不起作用。 請讓我知道我在代碼中有錯誤的地方。

    jquery code
$(document).ready(function () {
    $('#status_1').click(function (e) {
        e.preventDefault(); //to prevent default action of link tag
        $(this).parent().next('.hide-show').slideToggle();
    });
});



  html code

    <a href="#" id="status_1" class="bitcon"></a>


    <div class="hide-show">
            Hellow world
                </div>
Css:

.hide-show{
display: none;
}

那么,為什么要放父母呢? 這是我朋友的主播

如果你想使用父母

$(this).parent().find('.hide-show').slideToggle();

您的問題可能出在這里的部分代碼:“ $(this).parent()。next”

您可以嘗試簡單地:

$('.hide-show').slideToggle();

這將使用class hide-show選擇div並應用.slidetoggle();。 對此。

尋找當前狀態為class_1的鏈接的父級並找到下一個鏈接,而不是當前的內容。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM