@afiqsyed wrote:
Hi.
I try to create an accordion in page using Jquery. But it is not working whe I use to call the page. It working normally when I put it on the index file. Can someone help me ?
Here is my code.
My Index Page
<html ng-app="ionicApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="cordova.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<ion-nav-view></ion-nav-view>
</ion-view></body>
</html>This is my code
<ion-view>
<ion-content scroll="false" class="reg-success">
<div style="width:90%;margin-left: 18px;margin-top: 20px;">
<div id="accordion">
<h3>1. Cras dictum. Pellentesque habitant morbi </h3>
<div class="kelassss">
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.
</p>
</div>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
<ion-content>
</ion-view>What should I do ? Because it working when I place that ion-view code in index file ?
Posts: 1
Participants: 1