JQuery Accordion默認關閉

<p><!-- JS --><script type="text/javascript"> 
$(document).ready(function($) { 
$('#accordion').find('.accordion-toggle').click(function(){ 

    //Expand or collapse this panel 
    $(this).next().slideToggle('fast'); 

    //Hide the other panels 
    $(".accordion-content").not($(this).next()).slideUp('fast'); 
    }); 
    }); 
</script><!-- CSS --> 
<style type="text/css">.accordion-toggle {cursor: pointer;} 
.accordion-content {display: none;} 
.accordion-content.default {display: block;} 
</style> 
<!-- HTML --></p>

我在哪裏可以放置代碼以使默認加載全部關閉直到點擊？JQuery Accordion默認關閉

來源

2014-12-11 JQuery

我不確定JSFiddle是什麼意思。 – JQuery 2014-12-11 04:27:57

你可以把js代碼和測試在那裏檢查這個鏈接http://jsfiddle.net/ – 2014-12-11 04:28:25

要關閉默認手風琴，下面放線第一線document.ready

$(document).ready(function($) { 
    $(".accordion-content").slideUp('fast'); 
    $('#accordion').find('.accordion-toggle').click(function(){ 

     //Expand or collapse this panel 
     $(this).next().slideToggle('fast'); 

     //Hide the other panels 
     $(".accordion-content").not($(this).next()).slideUp('fast'); 
    }); 
});

來源

2014-12-11 04:28:10

這就是全部。其餘的將在HTML之後成爲HTML。 – JQuery 2014-12-11 04:29:59

關閉它，但現在我無法打開任何標題。 – JQuery 2014-12-11 04:32:00

請參閱更新的答案，其餘代碼表示您的腳本代碼不是html。您可以共享HTML代碼，以便我可以獲得元素位置並以更好的方式向您推薦解決方案。 – 2014-12-11 04:34:39

你可以看到什麼是點擊取消勾選的HTML差異。點擊後，html會將樣式從「display：black」更改爲進入「display：none;」，所以你應該知道如何編碼！

來源

2014-12-11 06:56:00 user1635228

JQuery Accordion默認關閉

回答

相關問題