किसी अन्य पृष्ठ से एकॉर्डन के किसी अनुभाग से लिंक

Question

मैं ट्विटर-बूटस्ट्रैप 2.04 का उपयोग कर रहा हूं, और मैं नवीनतम jQuery का उपयोग कर रहा हूं। मैं एक लिंक बनाने की कोशिश कर रहा हूं जो एक पृष्ठ से इस पृष्ठ पर पृष्ठ पर जायेगा, और फिर उचित accordion अनुभाग को सक्रिय करेगा। यह अकॉर्डियन है: केवल पृष्ठ में थोड़ा ठीक काम करता है को जोड़ने के साथ

<a href="page.html/#Alink2">Link to some interesting stuff</a> 

आमतौर पर, मैं जावास्क्रिप्ट का उपयोग करने के इसे सक्रिय करने की आवश्यकता है:

<div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a name="Alink1" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
      <strong>Title</strong> 
      </a> 
      </div> 
      <div id="collapseOne" class="accordion-body in collapse" style="height: auto; "> 
      <div class="accordion-inner"> 
      some random content 
      <div> 
      </div> 
</div> 
<div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a name="Alink2" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
      <strong>Title 2</strong> 
      </a> 
      </div> 
      <div id="collapseTwo" class="accordion-body collapse" style="height: 0px; "> 
      <div class="accordion-inner"> 
      some random content 2 
      <div> 
      </div> 
</div> 

यह लिंक है?

<a href="page.html#Alink2">Link to some interesting stuff</a> 

Answer 1

हाँ, आप पृष्ठ लोड पर इसे सक्रिय करने के लिए मैन्युअल रूप से की आवश्यकता होगी:

Answer 2

आप इस कोशिश की है। निम्नलिखित की तरह कुछ काम करना चाहिए:

$(document).ready(function() { 
    location.hash && $(location.hash + '.collapse').collapse('show'); 
}); 

इसके अलावा, जैसा @SaadImran कहे अनुसार, इस मानता है कि आप सिमटने तत्व आईडी से लिंक नहीं बल्कि नाम से लंगर में (जैसे, #Alink2 (जैसे, #collapseTwo।)।)।

Answer 3

आपकी मदद के लिए धन्यवाद।
मैं कार्यात्मकता जोड़ दी ताकि कोड Accordions भीतर Accordions खोल सकते हैं:

$(document).ready(function() { 
    if (location.hash){ 
    $(location.hash).collapse('show'); 
    $(location.hash).parents('.accordion-body').collapse('show'); 
    } 
}); 

Answer 4

आप अकॉर्डियन खंड की स्थिति का उपयोग कर सकते हैं। निम्न लिंक एक ट्विटर बूटस्ट्रैप (वर्डप्रेस) accordion पर तीसरा accordion खंड खोलता है।

लिंक उदाहरण: http://www.zfp-bauwesen.de/leistungen/ubersicht#3

Javscript कोड:

$(document).ready(function() { 

if (window.location.hash) { 
    var AccordionSectionNumber = window.location.hash.substring(1); 
    AccordionBodyID = $(".accordion .accordion-group:nth-of-type(" + AccordionSectionNumber + ") .accordion-heading a").attr('href') 
     if (! (typeof AccordionBodyID === "undefined")) { 
     $(AccordionBodyID).collapse('show'); 
     return true; 
     } 
    } 

});