Grow your CSS skills. Land your dream job.

Need help modifying a CSS/JavaScript combo

  • # October 15, 2013 at 11:13 am

    I am not a JavaScript wiz, but I’m fairly adept at modifying CSS. I found a CSS/JavaScript combination at http://www.menucool.com/tabbed-content that I’d like to use. However, for the project I’m working on, I need to put another set of tabs into one of the tabs of the first tab set. I’ve basically got the CSS part worked out, but it won’t work properly because I need two separate functions for the two separate tab sets.

    So I need to duplicate the “tabs” function and just give it a new name in the JS. But I’m not sure what parts of the function I need to copy to duplicate it. My attempts have not worked right so far.

    Can someone take a quick look at my Codepen, please?

    # October 15, 2013 at 2:15 pm

    I need to put another set of tabs into one of the tabs of the first tab set

    Mind just exploded.

    JS seems to be semi-minified, do you have human-readable source code? And HTML and CSS in the Pen?

    # October 16, 2013 at 6:37 am

    I did expand the JS in my Pen, so it should be more readable there than on the original site. But I didn’t include my HTML and the CSS mods, because the JS was all I needed looked at.

    I’ve added both of those to the Pen now. I hope that gives you a better picture of what I’m trying to do.

    When you click to the third tab to the right, you’ll see my second tab set added. But those tabs won’t switch to their Divs, because they don’t have a function named “tabs2″ yet. I was thinking they’d have to have their own function, because they have their own styles. Maybe I’m wrong there. Like I said, I’m not a JS wiz. =)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".