I have a page that loads with content. I .clone() certain elements, then hide the originals, then I append the cloned elements to the dom. There is one element in particular that is connected to a CMS field where a user can add scripts and content. The field will show even if there is nothing inside it.

This box can consist of a myriad of html nodes, mainly five groups.
- comments
<!-- --> - script tags
<script></scripts> - images used for analytics tracking containing
zferralusualydisplay:none - text
plain text(not wrapped in html) - html
<b>hello</b>
I want to show this box if it has plain text or html (that is not display:none).
To reiterate, I move this box so I wan’t a bool that says if I should put it in with javascript or not.
You could place a wrapper div (with 0 padding, 0 margins, no border, overflow hidden, auto width, auto height) inside your box where you put everything in. Then simply use jquery to calculate the dimensions of that box. If its dimensions are zero. it contains no visible elements. The only case in which this won’t work is if the contents are html elements having position absolute/fixed.