asked on 9/1/2013

Check if div is hidden to decide whether to slideDown or slideUp

Hi,

I currently have this script which slides down hidde content when a trigger is clicked, it also changes the text from 'More' to 'Less' and the image from a down arrow to an up arrow.
Firstly is there a more efficient way of doing it and also I need to add an action so that if the content is now shown and the text and image changed then the next time a user clicks it slides Up.

function toggleslideDown (activator, selector) {
				$(activator).click(function(){
					$(this).prev('section').find(selector).slideDown();
					$(this).find('span').text("Less");
					$(this).children('img').attr('src', 'img/up-arrow.png');
				});
			}

Thanks

Last Comment

9/3/2013

9/2/2013

I think you're just looking for an accordion, such as this one?
http://jqueryui.com/accordion/
That should make it easier

leakim971

9/2/2013

your code updated :

function toggleslideDown(activator, selector) {
    $(activator).click(function(){
        var text = $(this).find('span').text();
        var b = text == "Less";
        $(this).find('span').text(b?"More":"Less");
        if(b) $(this).prev('section').find(selector).slideDown(); else $(this).prev('section').find(selector).slideUp();
        $(this).children('img').attr('src', b:'img/down-arrow.png'?'img/up-arrow.png');
    });
}

Open in new window

Al4ddin2

9/3/2013

ASKER

Thanks leakim971,
I have tweaked it slightly but I am getting an error on this line:

$(this).children('img').attr('src', b:'img/down-arrow.png'?'img/up-arrow.png');

Open in new window

Error: SyntaxError: missing ) after argument list

ASKER CERTIFIED SOLUTION

leakim971

9/3/2013

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial