I put together this simple ‘page flipper’ script for my Wiki App-- I ideally it is originally ‘hidden’ or ‘display:none’ and then appears after the search is conducted in place of the main logo on the page.
That part ‘works’ in a sense, but I seem to loose the ability for the ‘onclick’ event to trigger in the entire area of where the original image is-- Or one can see if you click the very ‘bottom’ of the page the papers will sort as they are supposed to-- But you click slightly higher up and nothing.
I also tried completely removing the logo and search bar from the DOM, but still nothing-- it is ‘blocking’ the ‘onclick’ event in this area.
I’m not quite sure what principal I am missing.
Wiki API app is here: https://codepen.io/abalducci/pen/OzbRME
But I also have the ‘widget’ I made separately so at least it is clear what it is ‘supposed’ to be doing: https://codepen.io/abalducci/pen/aEYPmz