A landing page Im working on has jquery attached that provides the functionality of opening and closing of paragraphs of text ‘panels’ (i.e providing the viewing of hidden text), The link to open the hidden text is styled with text that reads “Show more” and an Arrow Icon.
My problem is I want to flow in new content text for an update, and add a independent link to a Youtube clip. Everytime I add an <a href> in my code, my new link is styled to the “Show more” with an Arrow Icon style.
How Can I override this please?
Any suggestions appreciated.
Im hoping I can override this with some inline CSS/JS? Thankyou,
It sounds like you have attached this behaviour (opening and closing of paragraphs) to every link on your page.
The best way is to use a css class to limit it those links that actually do open and close things.
You probably have:
$("a").on("click", function ...)
you need:
$("a.open-close").on("click", function ...)
Then you need to add a class to those links that open and close things:
The offending issue was an unclosed DIV </div> on a previous “Read More” resulting in the style flowig into the paragraph below, and thus styling the next <a href>