Dissappears the left triangle's pull menu in Accordion.
Hi
I install JQuery UI Accordion using this code:
<link type="text/css" href="../Scripts/jquery/css/cupertino/jquery.ui.all.css" rel="stylesheet" />
<link type="text/css" href="../Scripts/jquery/css/cupertino/jquery-ui-1.8.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="../Scripts/jquery/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="../Scripts/jquery/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../Scripts/jquery/js/jquery.ui.accordion.js"></script>
<script type="text/javascript">
$(function(){
$("#accordion").accordion({ event: "mouseover"});
});
and with this CSS:
<style type="text/css">
a:hover {
color:#FF8000;
}
#accordion {
font-family: Verdana, Geneva, sans-serif;
font-size: 62.5%;
text-align: center;
font-weight: bold;
height: 320px;
width: 205px;
clear: both;
float: left;
position: absolute;
left: 8px;
top: 438px;
}
#header {
width: 990px;
height: 150px;
z-index: 1;
}
#navbar {
width: 990px;
height: 35px;
z-index: 5;
}
#column1 {
float: left;
width: 220px;
background-color: #ffffcc;
height:2776px;
top: 0px;
}
</style>
It works properly but the only problem is that dissapears the triangles that rotates in scroll effect. Don't see it anymore... and now the text is not align and shows ugly.
How can appears again the little triangles at the left of the accordion's tags? Why it gone? I saw it at the first time.
Can you help me?
Thanks.
Tom