Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?

How to add Accordion to Core navigation panel?

Asked Modified Viewed 4,854 times
F
FlancitoW
F
  • Member, joined since
  • Contributed 115 posts on the community forums.
  • Started 36 threads in the forums
  • Started this discussions
asked
Member

How i can add the accordion jquery ui effect to the original navigation panel?
Edited by FlancitoW on 17-08-2011 16:27,
0 replies

9 posts

A
Ankur
A
Ankur 10
Hi! Its me, Ankur Thakur! smile
  • Veteran Member, joined since
  • Contributed 1,277 posts on the community forums.
  • Started 60 threads in the forums
answered
Veteran Member

Just Edit your Theme's styles.css file for that.

Search for #navigation in the file and alter the properties to whatever you want...
0 replies
F
FlancitoW
F
  • Member, joined since
  • Contributed 115 posts on the community forums.
  • Started 36 threads in the forums
  • Started this discussions
answered
Member

Sorry Ankur i missed the Jquery Ui part

Merged on Aug 19 2011 at 03:05:34:
I interested in the css3 accordion Ankur but i tried with differents tutorials but i dont get working anyone :S

Can you help me?
Edited by FlancitoW on 19-08-2011 03:05,
0 replies
C
Craig
C
Craig 14
  • Fusioneer, joined since
  • Contributed 4,462 posts on the community forums.
  • Started 212 threads in the forums
answered
Fusioneer

I have no idea how to make an accordion with ~CSS3 but this does....

http://www.thecssninja.com/css/accordian-effect-using-css

Now I need to find out how we can use this with the navigation panel?

Can someone help us please?
I am not a css3 expert and I have never played with any navigation panels so can someone please help me and flancito?

thanks in advance, anyone who can do this for us will be rewarded. ;)
0 replies
M
Mangee
M
Mangee 10
Mangee's Conversions

Convert
  • Senior Member, joined since
  • Contributed 242 posts on the community forums.
  • Started 30 threads in the forums
answered
Senior Member

I wouldn't use the css3 that you have listed unless its all text and no links.

Just save the page of the demo and place a link inside the text of one, say section1.

Open the html file in FF and all appears ok, the link even works.

Now open the html file in IE9. The layout looks weird and the link fails and corrupts the text in sction1.

I would use jquery seaming its already loaded for php-fusion.
0 replies
F
FlancitoW
F
  • Member, joined since
  • Contributed 115 posts on the community forums.
  • Started 36 threads in the forums
  • Started this discussions
answered
Member

So how i have to do for use jquery to do that?
0 replies
M
Mangee
M
Mangee 10
Mangee's Conversions

Convert
  • Senior Member, joined since
  • Contributed 242 posts on the community forums.
  • Started 30 threads in the forums
answered
Senior Member

If you are going to use jquery UI accordion make sure you read all its info. It might not work on links.

I did jquery UI tabs and placed functional links in the tabs so UI accordion could work.

Otherwise you'll have to build a menu from the ones that are available.

Search " jquery accordion menu ".

The second link has 30 examples http://www.1stwebdesigner.com/freebie...tutorials/ .

http://roshanbh.com.np/2008/06/accord...query.html lots of demo's but most dont actually show links in them.
0 replies
K
Kevin Maschke
K
<3 PHP-Fusion
  • Member, joined since
  • Contributed 160 posts on the community forums.
  • Started 25 threads in the forums
answered
Member

Quote

Mangee wrote:

If you are going to use jquery UI accordion make sure you read all its info. It might not work on links.

I did jquery UI tabs and placed functional links in the tabs so UI accordion could work.

Otherwise you'll have to build a menu from the ones that are available.



I don't think that it wont work. I'm using JQUERY tabs on my site (www.km.hostei.com/php-fusion) and in all of them are links generated by a SQL Query...
0 replies
C
Craig
C
Craig 14
  • Fusioneer, joined since
  • Contributed 4,462 posts on the community forums.
  • Started 212 threads in the forums
answered
Fusioneer

Can anyone help us with this, I have tried but no success.

Thanks
0 replies
F
FlancitoW
F
  • Member, joined since
  • Contributed 115 posts on the community forums.
  • Started 36 threads in the forums
  • Started this discussions
answered
Member

I think nobody can Fang.
0 replies

Labels

None yet

Statistics

  • Views 0 views
  • Posts 9 posts
  • Votes 0 votes
  • Topic users 5 members

5 participants

C
C
Craig 14
  • Fusioneer, joined since
  • Contributed 4,462 posts on the community forums.
  • Started 212 threads in the forums
K
K
<3 PHP-Fusion
  • Member, joined since
  • Contributed 160 posts on the community forums.
  • Started 25 threads in the forums
M
M
Mangee 10
Mangee's Conversions

Convert
  • Senior Member, joined since
  • Contributed 242 posts on the community forums.
  • Started 30 threads in the forums
F
F
  • Member, joined since
  • Contributed 115 posts on the community forums.
  • Started 36 threads in the forums
  • Started this discussions
A
A
Ankur 10
Hi! Its me, Ankur Thakur! smile
  • Veteran Member, joined since
  • Contributed 1,277 posts on the community forums.
  • Started 60 threads in the forums

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet