Tab content not appearing!

Design help Animations & Interactions
1

I’ve created a job board using tabs - for some reason the tab content is not appearing when I “publish” my site (it does appear when I’m working on the specific page though).

Has anyone run into this issue before? Could you advise why that might be the case? Thank you

Here is my site Read-Only: https://preview.webflow.com/preview/mbastash2?utm_medium=preview_link&utm_source=designer&utm_content=mbastash2&preview=6baacdff05ee6c167cf623fafd140102&pageId=5ca7559e7fb859e37f21407b&mode=preview
(how to share your site Read-Only link)

2

Hi @bkmat,

I see your tab on your publish site. Can you provide a screenshot of what you don’t see?

Best Regards,
~ Brandon

3

Thanks. When I go on the actual website when its published, there’s no content in my tabs (when its clearly visible in “Toggle Preview” mode). See screenshot below.

Screen Shot 2020-02-12 at 08.31.37
Screen Shot 2020-02-12 at 08.31.37787×250 6.57 KB

4

@bkmat- If your project has custom code or layout issues on the published site, please share that URI as well. That way, we can see what is happening and potentially diagnose the problem.

5

you need to navigate to the “Job Board” section.
Thanks for your help (there is no custom code)!

6

Your interactions on the collection-item-7 > div.expander>div is setting the element to display:none.

7

Thanks, but could you explain how to fix this @webdev ? Thanks again

8

Hi @webdev and @QA_Brandon - just following-up here. Would you mind explaining how to solve that issue? Sorry I’m not finding the solution! Thanks again

9

Both your clickable element and the information element have the same class. That is the problem since you have the element (Job Card) set to hidden as the initial state. The info element needs a different class so you can toggle its state from initial (hidden) on load when “job-card” is clicked.

1 Like
10

Thanks for taking the time to respond @webdev, it works now.