ID 아코디언으로 <strong>DIV</strong>이 가지고 내가 내 경우에는</p> <p>호의 밖으로 측면에서 아코디언을 열 못할

Question

호의 밖으로 측면 스팬을 클릭 할 때 아코디언을 여는 방법을

<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> 

아코디언의 외부에있는 범위 태그

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

그리고 난 클릭 일 때 시도하고있다 제목은 제품 리뷰입니다 범위를 연 다음 4 아코디언은

내 jQuery 코드는 내가 그것을 도와주세요 고정 할 수있는 방법

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

입니다.

당신은 대상 요소에 클릭을 유발할 수

Answer 1

:

$("#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>