jQuery的 - 滑動內容選項卡，滑開/關上點擊

固定感謝助手下面，看到它在這裏的行動：http://bit.ly/15npgSC jQuery的 - 滑動內容選項卡，滑開/關上點擊

我學習jQuery和所遇到的，我無法找到一個解決問題。我有一個內容滑塊，當單擊一個按鈕時，它滑動打開，再次單擊該按鈕時，它將關閉。這一切都很好，我遇到的問題是滑塊在頁面加載時自動打開，不僅在點擊時。如何在頁面加載時保持關閉狀態，並在點擊時纔打開它？它之後工作正常，只是在頁面加載時打開。我試着在開始時放$(document).click(function() {這種工作方式，但點擊後它會打開，然後在沒有點擊打開後立即關閉。我改回到下面的jQuery代碼，但現在有問題，當頁面再次加載時它打開。

$(document).ready(function() { 
    $('.pull-me').click(function() { 
     $('.panel').slideToggle('slow'); 
    }); 
    $('a').toggle(function() { 
     $(this).html("Click to close!");}, 
     function() { $(this).html("Click to open!"); 
    }).click(); 
});

如果你能解決這個問題，你能解釋一下爲什麼出現這種情況我目前的代碼，爲什麼修復停止這種事情發生嗎？謝謝，拉法。

對不起，之前沒有發佈的HTML代碼，但是這是它：

<div class="panel"> 
<br /> 
<br /> 
    <p>Now you see me!</p> 
</div> 
<div> 
    <p class="slide"><a href="#" class="pull-me">Click to open!</a></p> 
</div>

來源

2013-03-01 Rafa Matthew

請張貼您的html – phnkha 2013-03-01 13:22:41

您是否將'.pull-me'類分配給'a'元素？作爲替代方案，請向我們展示您的html或設置一個jsfiddle或類似的東西來展示您的問題。 – jfd 2013-03-01 13:22:56

你想用標籤做什麼？你可以發佈一個JsFiddle嗎？ – henser 2013-03-01 13:24:13

因爲你沒有張貼任何HTML，所以我想「.pull-我」是一個‘一’元素。

請嘗試下面的代碼（刪除。點擊（））：

$(document).ready(function() { 
    $('.pull-me').click(function() { 
     $('.panel').slideToggle('slow'); 
    }); 

    $('a').toggle(function() { 
     $(this).html("Click to close!");}, 
     function() { $(this).html("Click to open!"); 
    }); // modified here 
});

你觸發click事件，當頁面第一次加載。

來源

2013-03-01 13:24:52 phnkha

此作品非常感謝！ – 2013-03-01 14:40:15

試試這個：

// HTML

<div class="pull-me"> 
    Click here! 
    </div> 

<div class="panel"> 
    show/hide 
</div>

// jQuery的

$(document).ready(function() { 
    $('.pull-me').click(function() { 
     $('.panel').slideToggle('slow'); 
    }); 
     $('a').toggle(function() { 
     $(this).html("Click to open!");}, 
     function() { $(this).html("Click to close!"); 
    }); 
});

這裏在此的jsfiddle

檢查 - >http://jsfiddle.net/GXCuz/1/

來源

2013-03-01 13:23:12 henser

我不確定這是您打算做的事情......但我希望它有幫助 – henser 2013-03-01 13:34:39

jQuery的 - 滑動內容選項卡，滑開/關上點擊

回答

相關問題