Title: Adding 'The Loop' into tabs – problem with jQuery/CSS3?
Last modified: August 20, 2016

---

# Adding 'The Loop' into tabs – problem with jQuery/CSS3?

 *  [rjpinney](https://wordpress.org/support/users/rjpinney/)
 * (@rjpinney)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/adding-the-loop-into-tabs-problem-with-jquerycss3/)
 * Hello,
 * The site I am working on is like an online book catalogue. I currently have tabs
   and custom loops working on different parts of the site.
 * The templates are set up to pull the relevant information from custom fields.
 * What I now want is the ability to filter entries on a page without having to 
   refresh, and what I had in mind was having tabs, each of which would then display
   a loop for a particular category, in order to achieve this.
 * I want to show the loop in a custom way that I have operating elsewhere successfully,
   only this time in tabs – this is where the problem comes in. The tabs will show
   up as expected, but where I put in the loop code, they simply don’t show anything
   at all. I’ve tested the tabs with other content and they are working as expected.
 * Here are the bits of code I am using, which are probably riddled with errors 
   and ugly bits, so please excuse that!
 * The tabs code: (a stock code, from a site somewhere)
 * _[[code moderated per forum rules - please use the pastebin]](http://codex.wordpress.org/Forum_Welcome#Posting_Code)_
 * The loop, as I want it to display - this includes some CSS3 transitions.
 * _[[code moderated per forum rules - please use the pastebin]](http://codex.wordpress.org/Forum_Welcome#Posting_Code)_
 * These are the different bits of code I have tried to put in the tabs, without
   success - this is mostly varying where the loop begins/ends - whether this is
   in the tab etc.
 * _[[code moderated per forum rules - please use the pastebin]](http://codex.wordpress.org/Forum_Welcome#Posting_Code)_
 * and
 * _[[code moderated per forum rules - please use the pastebin]](http://codex.wordpress.org/Forum_Welcome#Posting_Code)_
 * Is it possible that the tabs and CSS3 coding are conflicting?
 * Any advice or fixes would be hugely appreciated; it's the final hurdle on completing
   the project!
 * Thanks

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

 *  Thread Starter [rjpinney](https://wordpress.org/support/users/rjpinney/)
 * (@rjpinney)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/adding-the-loop-into-tabs-problem-with-jquerycss3/#post-2602800)
 * I should also add that the loop code also works when used on its own.
 * Thanks!
 *  Thread Starter [rjpinney](https://wordpress.org/support/users/rjpinney/)
 * (@rjpinney)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/adding-the-loop-into-tabs-problem-with-jquerycss3/#post-2602802)
 * Can post the CSS for the loop styling if needed

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

The topic ‘Adding 'The Loop' into tabs – problem with jQuery/CSS3?’ is closed to
new replies.

## Tags

 * [css3](https://wordpress.org/support/topic-tag/css3/)
 * [jquery](https://wordpress.org/support/topic-tag/jquery/)
 * [loop](https://wordpress.org/support/topic-tag/loop/)

 * 2 replies
 * 1 participant
 * Last reply from: [rjpinney](https://wordpress.org/support/users/rjpinney/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/adding-the-loop-into-tabs-problem-with-jquerycss3/#post-2602802)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics