Hello,
I am new to JQUERY UI. I have a similar problem. I want to add links
in-between the <div> tags. My codes are as follows:
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
icons: {
header: "ui-icon-circle-arrow-e",
headerSelected: "ui-icon-circle-arrow-s"
},
collapsible: true,
active: true,
clearStyle: true
});
});
</script>
<div class="demo">
<div id="accordion">
<h3><a href="#">This is the first header</a></h3>
<div>
<p>Mauris mauris ante, blandit et. <a
href="test.php">Link 1 </a>
Proin viverra leo ut odio.</p>
</div>
</div>
</div>
The probblem is the the words "Link 1" does not appear, so there is no
link!
Please kindly let me know, what modifications do I need to do and
where.
Thanks.
-- Nevin
On Aug 18, 12:49 pm, Jörn Zaefferer <[email protected]>
wrote:
> You could set event:"mouseover"; then the accordion wouldn't be
> activated on click, and the links would work. But for the default
> event ("click"), you can't use any links in the accordion header.
>
> Jörn
>
> On Sat, Aug 15, 2009 at 2:36 PM, selcux<[email protected]> wrote:
>
> > Hi all... im trying to embed this accordion menu on a web page which
> > is including my test things.
> > I recognized that, if i use one list element single, it can't forward
> > the page to the link...
>
> > Look at this list;
>
> > <div style="height:0px; position: absolute; top: 0px; left: 0px;">
> > <ul id="navigation">
> > <li> <a class="head" href="http://www.google.com/";>Google</
> > a> </li>
> > <li> <a class="head" href="http://www.yahoo.com";>Yahoo</a>
> > </li>
> > <li> <a class="head" href="?p=1.1.3">Accordion Here</a>
> > <ul>
> > <li><a href="?p=1.1.3.1">Menu 1</a></li>
> > <li><a href="?p=1.1.3.2">Menu 2</a></li>
> > <li><a href="?p=1.1.3.3">Menu 3</a></li>
> > <li><a href="?p=1.1.3.4">Menu 4</a></li>
> > <li><a href="?p=1.1.3.5">Menu 5</a></li>
> > <li><a href="?p=1.1.3.6">Menu 6</a></li>
> > <li><a href="?p=1.1.3.7">Menu 7</a></li>
> > </ul>
> > </li>
> > <li> <a class="head" href="http://
> >www.facebook.com/">Facebook</a> </li>
> > <li> <a class="head" href="?p=1.1.5">Accordion Again</a>
> > <ul>
> > <li><a href="?p=1.1.5.1">m1</a></li>
> > <li><a href="?p=1.1.5.2">m2</a></li>
> > <li><a href="?p=1.1.5.3">m3</a></li>
> > <li><a href="?p=1.1.5.4">m4</a></li>
> > </ul>
> > </li>
> > <li> <a class="head" href="./map.php">Site Map</a> </li>
> > </ul>
> > </div>
> > </div>
>
> > How can i make the Google link active here? Cause it doesn't forward
> > the page to google...
> > Its a single List item which doesnt have UL...
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
