autonav template help

Permalink
Hi,

I'm trying to add jquery accordion in the navigation and I got most of the stuff down, just need to change the autonav template so i'll have:

<ul id="menu">
   <li>category1
   <ul class="expandthis">
      <li class="active"><a href="path">title</a></li>
      <li><a href="path">title</a></li>
      <li><a href="path">title</a></li>
   </ul>
   </li>
   <li>category2
    <ul>
       <li>
       <li>
    </ul>
   </li>
<ul>


any pointers?

kutis
 
kutis replied on at Permalink Reply
kutis
changed the accordion script instead.

from
$('#menu ul.expandthis').show();


to
$('#menu ul:has(li.nav-selected)').show();


:)
ddrace replied on at Permalink Reply
ddrace
So where exactly is the code that you changed? Is it in the auto-nav block controller? I want to do something similar in order to implement a suckerfish flyout menu on a site I'm working on. This is exactly what I need in order to make that work.

Do you find helpful documentation or examples that helped you get to that solution? If so, please post. I think this would be helpful to a lot of people.
kutis replied on at Permalink Reply
kutis
i've been working with c5 nonstop for about 3-4 weeks now, not sure which document i've read that helps me. jquery dom traversing documentation helps for the particular problem above.

for suckerfish i don't really think u need to change anything, unless u need to make the parent url to #

if you really need to, copy /concrete/block/autonav/view.php to /block/autonav/templates/ (make new directories) name it suckerfish.php do required changes.

go to the site, in editmode click on the autonav block, select custom template, select suckerfish, and publish

i add the required js to the template
AlbertoB replied on at Permalink Reply
Hi!

I'm very interested in this kind of approach for one of my webs and would like to know if you could give me more details about the process you've follow or the steps needed to correctly set up accordion with the autonav.

I see a link tohttp://112.140.176.60/~vicpole/products/... in other of your posts, that's the idea I have in mind (except for the images showing next to the left menu)
Remo replied on at Permalink Reply
Remo
I think the template I wrote for this article looks quite similar:

http://www.codeblog.ch/2009/04/concrete5-drop-down-menu/3/...

There are a few ie specific comments which you don't need but that should be quite easy to modify. The preview on the site looks ugly due to some silly line breaks, but there's a zip to download as well
AlbertoB replied on at Permalink Reply
Thanks!

I'm going to check that out right now
ScottC replied on at Permalink Reply 1 Attachment
ScottC
written in a template agnostic way. Dropdown nav.

This is basically jpabellon's code i adapted to make theme agnostic using a feature released in 5.3.1

This thing is as basic as it gets, but you can edit the css.

just drop that in ~/blocks/ and you should be good to go. Make sure to do show all for children pages and whatnot. A clean install will only show pages below "example" in the nav.