wie ein Akkordeon zu öffnen, wenn eine Spanne klicken, die aus der Seite der Position

Question

i

in meinem Fall

der Position dort eine div ein Akkordeon aus aus Seite öffnen können nicht mit id Akkordeon

<div id="accordion"> 
    <h3 style="width:400px;">Product Description</h3> 
    <div>Content Panel 1</div> 
    <h3 style="width:400px;">Product Specification</h3> 
    <div>Content Panel 2</div> 

    <h3 style="width:400px;">Shiping+Return Polices</h3> 
    <div>Content Panel 3</div> 
    <h3 style="width:400px;" id="ac">Product Reviews</h3> 
    <div id="newdivratting"> 

    </div> 
    <h3 style="width:400px;">QuestionAnswer</h3> 
    <div id="QuestionAnswer"> 
    </div> 
    <h3 style="width:400px;">Close All</h3> 
    <div>Closed.</div> 
</div> 

und eine Spanne Tag, die außerhalb des Akkordeons ist

<span style="padding:10px;" class="span-click" id="reviewread">Click me</span> 

und ich versuche, wenn Klick th ist Spanne dann offen 4. Akkordeon wo Überschrift Produkt Bewertungen

meine Jquery-Code ist

$("#reviewread").click(function() { 
      $("accordion>#ac").accordion("activate", true); 
      // $('html,body').animate({ 
       // scrollTop: $("#newdivratting").offset().top 
      // }, 
      // 'slow'); 
     }); 

wie kann ich es behoben bitte helfen

ist.

Answer 1

Sie den Klick auf das Zielelement auslösen können:

$("#accordion").accordion(); 
 
$("#reviewread").click(function(e) { 
 
    $("#ac").trigger("click"); 
 
});

<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
<span style="padding:10px;" class="span-click" id="reviewread">Click me</span> 
 
<div id="accordion"> 
 
    <h3 style="width:400px;">Product Description</h3> 
 
    <div>Content Panel 1</div> 
 
    <h3 style="width:400px;">Product Specification</h3> 
 
    <div>Content Panel 2</div> 
 

 
    <h3 style="width:400px;">Shiping+Return Polices</h3> 
 
    <div>Content Panel 3</div> 
 
    <h3 style="width:400px;" id="ac">Product Reviews</h3> 
 
    <div id="newdivratting"> 
 

 
    </div> 
 
    <h3 style="width:400px;">QuestionAnswer</h3> 
 
    <div id="QuestionAnswer"> 
 
    </div> 
 
    <h3 style="width:400px;">Close All</h3> 
 
    <div>Closed.</div> 
 
</div>