$7 - find me a slide-menu

Discussion in 'Design Contests' started by RichardPG, Oct 6, 2008.

  1. #1
    I'm working on a project and this slide menu is almost exactly what I want except it needs to work so that if you click a parent title twice it collapses again (i.e in that link you click 'the team' and the submenu pops down, clicking 'the team' again should pull the submenu back up again).

    I'm looking for a link to a javascript menu (tutorial, demo etc) or even better if someone can modify that linked to code so that it fits the requirements (without breaking it's cross browser compatibility)

    Requirements are;

    * Has to be animated like the one linked to, except clicking the parent again should close the submenu
    * Must be clean CSS/XHTML with the slide powered by JS (inc JQuery if need be) - if the user has JS switched off it must still be usable
    * Must be able to be used without sending a link back to the author or giving them (but I don't mind leaving their copywrite notice in the source code)
    * Must work in IE6, IE7, FF
    * Can be your own work or a modification of any other code you have (legally) modified
    * If you're unsure of anything ask me and I'll clarify

    Contest will run for 48 hours but so as to stop people wasting their time, I'll close it early if a sucessful submission is made. However I also reserve the right to not pay out if no script matching the requirements is submitted. I am fair though as a look through my previous contests will show.
     
    RichardPG, Oct 6, 2008 IP
  2. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    I found a script at Dynamic Drive (example #2). With some CSS, it should do the job.
    [EDIT] Hmm, I missed the 'animated' requirement.
     
    steelfrog, Oct 6, 2008 IP
  3. waiz86

    waiz86 Well-Known Member

    Messages:
    1,377
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    148
    Digital Goods:
    1
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #3
    waiz86, Oct 6, 2008 IP
  4. RichardPG

    RichardPG Active Member

    Messages:
    109
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #4
    Thanks, first one as you say isn't animated and waiz86; that one fails on the clean XHTML/CSS requirement.
     
    RichardPG, Oct 6, 2008 IP
  5. elahi9999

    elahi9999 Well-Known Member

    Messages:
    121
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5
    i use jquery. it is very small code..my sample ...if you need to ask pm me.
     
    elahi9999, Oct 6, 2008 IP
  6. RichardPG

    RichardPG Active Member

    Messages:
    109
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #6
    That looks almost perfect. Is there any way to have one of the sub-menu's pre-opened when loading a page, e.g the 'History' submenu being open when loading one of the history pages.
     
    RichardPG, Oct 6, 2008 IP
  7. TightWad

    TightWad Peon

    Messages:
    1,801
    Likes Received:
    50
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #7
    Check http://www.dhtmlgoodies.com
     
    TightWad, Oct 6, 2008 IP
  8. jharrvis

    jharrvis Guest

    Best Answers:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #8
    i hope this is what you want : http://devan.web.id/cssmenu/

    this menu using jquery and using cookies to remember which menu has open before
    this html file is encrypted, please pm me for the HTML and JS code
     
    jharrvis, Oct 6, 2008 IP
  9. elahi9999

    elahi9999 Well-Known Member

    Messages:
    121
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #9
    yes, just added to the code..see it again...demo...i love jquery..if you need complex javascript programming..just pm me..it is not about money..it is fun..
     
    elahi9999, Oct 6, 2008 IP
  10. RichardPG

    RichardPG Active Member

    Messages:
    109
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #10
    elahi9999 Thanks. That is perfect. Please pass me your paypal ID so that I can make payment.

    jharrvis Thanks, looks good however I couldn't check it was valid XHTML/CSS so have given the contest to elahi9999.
     
    RichardPG, Oct 7, 2008 IP
  11. elahi9999

    elahi9999 Well-Known Member

    Messages:
    121
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #11
    thank you.. my paypal id sent to pm
     
    elahi9999, Oct 7, 2008 IP
  12. evolva

    evolva Banned

    Messages:
    1,170
    Likes Received:
    43
    Best Answers:
    0
    Trophy Points:
    0
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #12
    Hi there edit ur post and remove paypal id, just pm him ur paypal id.
     
    evolva, Oct 7, 2008 IP
  13. elahi9999

    elahi9999 Well-Known Member

    Messages:
    121
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #13
    Thank you for payment . There is problem in itrade. it always said invalid url. why? can someone tell me how to give itrade?
     
    elahi9999, Oct 7, 2008 IP