0

以下のスクリプトは最新の参照から取得しました。jqueryで。

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
<script type="text/jscript" src="java/jquery-1.9.1.js"></script>
<script type="text/jscript" src="java/jquery-ui.min.js"></script>

私の間違いはどこですか？私はそれを修正するために最善を尽くしましたが、成功しませんでした。

<script type="text/jscript">  
$(function() {
$( "#accordion" ).accordion({     
collapsible: true,
heightStyle: "content",
animate: {        
    duration: 200,        
    down: {            
    easing: "easeOutBounce",            
    duration: 1000        
    }    
    }
});  
}); 
</script>

</head>

<body>

ここから始めます。明確にするために、いくつかのダミーリンクを配置しました。これが明確であることを願っています。

<div id="accordion" style="width: 240px; height: 400px;">

<h3>Rig Counts</h3>
<div style="width: 238px; height: 270px;">
    <iframe name="I1" id="I1" src="https://amazon.com" frameborder="0"  width="100%" height="100%" scrolling="no">
        </iframe>   </div>

<h3>Lost Time</h3>
    <div style="width: 238px; height: 270px;">
    <iframe name="I2" id="I2" src="http://ebay.com" frameborder="0" width="100%" height="100%" scrolling="no"></iframe> </div>

<h3>Rate Of Penetration</h3>
    <div style="width: 238px; height: 270px;">
    <iframe name="I3" id="I3" src="https://yahoo.com" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>   </div>

<h3>No Of Incident</h3>
    <div style="width: 238px; height: 270px;">
    <iframe name="I4" id="I4" src="https://google.com" frameborder="0" width="100%" height="100%" scrolling="no">
        </iframe>   </div>


</div>

</body>

</html>
4

1 に答える 1