Hi Guys,

I'm dealing with a client who wants to display 2 panel buttons (with different labels) to make it seems as if there are 2 logins. These will actually reveal exactly the same hidden panel with a login module.

I have achieved the 2 sets of button by simply outputting a second zenpaneltrigger namely zenpaneltrigger-b in a php override.

I now need to add the new #id to hiddenpanel.js and wondered if I could override this somehow - rather then editing the frameworks core and making upgrades a chore.

Can anyone recommend a method? I suppose I could repeat the panel functions in template.js but is there a more elegant solution?

Well, I am also using template.js for my own code. I don't know about other better way

OK. If anyone does have a better solution I'd love to learn.

Otherwise a helpful hand to anyone else trying to do the same thing.

unbind the click event before redeclaring it - otherwise everything happen twice ^_^

e.g.

jQuery("#zenpanelopen,#zenpanelclose,#zenpanelclose2,#zenoverlay").unbind("click");

.js overrides are explained here www.joomlabamboo.com/forum/joomla-tips-and-tricks/72650-how-to-do-handle-images-for-css-js-overides-with-zen-grid-framework-2

Thanks Troy.