बूटस्ट्रैप संक्षिप्त करें - खोल दी गई id टुकड़ा

Question

कल्पना कीजिए एक Bootstrap collapse 3 भागों

<div class="panel-group" id="accordion"> 
    ... 
    <div id="accordionOne" class="panel-heading"></div> 
    ... 
    <div id="accordionTwo" class="panel-heading"></div> 
    ... 
    <div id="accordionThree" class="panel-heading"></div> 
</div> 

वहाँ प्लगइन दिया HTTP fragment identifier खोलने बनाने के लिए एक आसान तरीका है के साथ?

उदाहरण http://myproject/url#accordionTwo दूसरा अकॉर्डियन

Answer 1

$("#accordionTwo").collapse('show'); 

दिया HTTP टुकड़ा पहचानकर्ता को खोलने के लिए खुलते हैं, इस प्रयास करें:

$(document).ready(function() { 
    var anchor = window.location.hash; 
    $(".collapse").collapse('hide'); 
    $(anchor).collapse('show'); 
}); 

संपादित करें:

में बार्ट द्वारा बताया के रूप में टिप्पणियां: .collapse को लक्षित करने से सावधान रहें क्योंकि व्यूपोर्ट xs पर यह क्लास नेविगेशन बार के लिए भी उपयोग किया जाता है।

Answer 2

वास्तव में सरल और त्वरित के लिए हैश मार्ग लागू करने के लिए, आप की तरह Routie

routie({ 
    accordionOne: function() { 
     $('#accordionOne').collapse('show'); 
    }, 
    accordionTwo: function() { 
     $('#accordionTwo').collapse('show'); 
    }, 
    accordionThree: function() { 
     $('#accordionThree').collapse('show'); 
    } 
}); 

Answer 3

कुछ प्रयास करते हैं, इस लाइन सही हैश

location.hash && $(location.hash + '.collapse').collapse('show'); 

Answer 4

फिर भी एक और समाधान खुल जाएगा सकता है थोड़ा छोटे और कॉम्पैक्ट :

$(document).ready(function() { 
    var anchor = window.location.hash; 
    $(anchor).collapse('toggle'); 
});