Show more/less link if there is more text to be shown

Asked Nov 26 '13 at 20:01

Active Nov 26 '13 at 20:30

Viewed 472 times

I have this bit of javascript which works great for more/less:

function show(area) {
    var obj = document.getElementById(area)
    obj.style.display = (obj.style.display == 'inline') ? 'none' : 'inline'
};

and my HTML looks like this:

<p>some text</p>
<A href="javascript:show('hiddentext#{loop.index}');">more...</A>
<p class="hidden" id="hiddentext#{loop.index}">more text</p>

The problem is, I need to be able to hide the link if there isn't any text to show. I'm using JSF and have multiple more/less links, but not all of them will have any more text to show.

I'm having an issue getting jQuery to work with my application (see here), so jQuery solutions won't work.

edited May 23 '17 at 12:23

Community

asked Nov 26 '13 at 20:01

taylordurden

where does the text come from, some server resource? if so then use `rendered` attribute of a `` – Kuba Nov 26 '13 at 20:31
I couldn't get my javascript to work with ``. – taylordurden Nov 26 '13 at 20:59
`` not working? – Kuba Nov 26 '13 at 21:01
I can't use Primefaces – taylordurden Nov 26 '13 at 21:12
sorry brother, but you're doomed :-), ok so when there's no text -no link to show more, right? where does the text come from? is it hardcoded in xhtml? – Kuba Nov 26 '13 at 21:36

Show more/less link if there is more text to be shown

0 Answers0