raveydavey — 2014-02-20T00:33:09-05:00 — #1
Hi all. I could use some help please.
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,
pullo — 2014-02-20T01:08:45-05:00 — #2
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 ...)
$("a.open-close").on("click", function ...)
Then you need to add a class to those links that open and close things:
<a href="..." class="open-close" >Open</a>
If that doesn't work, can you post your code.
raveydavey — 2014-02-20T01:18:43-05:00 — #3
Thanks for that, Ill have a look and see if I can find the offending code in the JS.
raveydavey — 2014-02-20T18:13:40-05:00 — #4
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>
Thanks for your help!
pullo — 2014-02-21T02:44:50-05:00 — #5
Glad to hear that you got your problem sorted.
Thanks for taking the time to let us know