Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #3742

    I have two info boxes inserted on one page. I have set the initial tab_container open on both as 1 so the first container in each box is open on clicking on the page. I would like however to set it so that clicking on the second tab title from either info box results in both info boxes having the second tab title open. So when I click on Vegetables in one info box, it will open Vegetables from the second info box. Is there a way to do this in html that I can add to the page html within the Broadscope WordPress theme?

    Here is my html so far…

    [tab_container initial_open="1"]

    [tab title="Fruit"]

    [box type="tick" style="rounded" border="full"]Apples[/box]

    [box type="tick" style="rounded" border="full"]Pears[/box]

    [box type="tick" style="rounded" border="full"]Blackberries[/box]

    [box type="tick" style="rounded" border="full"]Gooseberries[/box]

    [box type="tick" style="rounded" border="full"]Raspberries[/box]

    [box type="tick" style="rounded" border="full"]Rhubarb[/box]

    [/tab]

    [tab title="Vegetables"][box type="tick" style="rounded" border="full"]Broccoli[/box]

    [box type="tick" style="rounded" border="full"]Cauliflower[/box]

    [box type="tick" style="rounded" border="full"]Onions[/box]

    [box type="tick" style="rounded" border="full"]Garlic[/box]

    [box type="tick" style="rounded" border="full"]Spring Onions[/box]

    [box type="tick" style="rounded" border="full"]Leeks[/box]

    [box type="tick" style="rounded" border="full"]Kale[/box]

    [box type="tick" style="rounded" border="full"]Calabrese[/box]

    [box type="tick" style="rounded" border="full"]Swiss Chard[/box]

    [box type="tick" style="rounded" border="full"]Pak Choi[/box]

    [/tab]

    [tab title="Salad"]

    [box type="tick" style="rounded" border="full"]Cucumber[/box]

    [box type="tick" style="rounded" border="full"]Radishes[/box]

    [box type="tick" style="rounded" border="full"]Tomatoes[/box]

    [box type="tick" style="rounded" border="full"]Peppers[/box]

    [box type="tick" style="rounded" border="full"]Salad Leaves[/box]

    [/tab]

    [tab title="Produce"]

    [box type="tick" style="rounded" border="full"]Tomato & Herb Pasta Sauce[/box]

    [/tab]

    [/tab_container]

    [tab_container initial_open="1"]

    [tab title="Fruit"]

    [box type="tick" style="rounded" border="full"]Fruit Basket (Small)[/box]

    [box type="tick" style="rounded" border="full"]Fruit Basket (Large)[/box]

    [/tab]

    [tab title="Vegetable"]

    [box type="tick" style="rounded" border="full"]Vegetable Basket (Small)[/box]

    [box type="tick" style="rounded" border="full"]Vegetable Basket (Large)[/box]

    [/tab]

    [tab title="Salad"]

    [box type="tick" style="rounded" border="full"]Salad Selection (Growing)[/box]

    [/tab]

    [tab title="Herbs"]

    [box type="tick" style="rounded" border="full"]Herb Selection (Growing)[/box]

    [/tab]

    [tab title="Produce"]

    [box type="tick" style="rounded" border="full"]Tomato & Herb Pasta Sauce (300g)[/box]

    [box type="tick" style="rounded" border="full"]Tomato & Herb Pasta Sauce (500g)[/box]

    [/tab]

    [/tab_container]

    #43558

    Hey,

    I’m sorry but this isn’t easily possible without writing a custom jquery function.

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

The topic ‘Link information in one container in an info box to information in another?’ is closed to new replies.