1 (edited by Thandersen 2017-03-21 09:02)

Topic: Fixed! Need help w/ toggling anchor + button

How can i make a jQuery script that toggles visibility of a div and at the same time toggles anchor text of a button?

function toggle(user_id) {
   e = document.getElementById('toggleUserinfo_' + user_id);
   a = document.getElementById('displayUserinfo_' + user_id);
   if (e.style.display == 'block') {
       e.style.display = 'none';
       a.innerHTML = ‘Open';
   } else {
       e.style.display = 'block';
       a.innerHTML = ‘Close';
   }
}

I tried to search for it and came up with the following. However i want something more clean and based on jQuery instead of javascript. I need the script to show more information in the table with a button here.

Any ideas ?

Re: Fixed! Need help w/ toggling anchor + button

Nobody has any ideas as to how I can fix this?

Re: Fixed! Need help w/ toggling anchor + button

HTML:

<button class='red' id='js-button'>Нажать</button>

CSS:

.red {
    color: red;
}

.green {
    color: green
}

JavaScript:

$('#js-button').on('click', function(){
    if ($(this).hasClass('red')) {
        $(this).removeClass('red').addClass('green').html('Ещё раз');
        return
    }
    $(this).removeClass('green').addClass('red').html('Нажать');
});

Re: Fixed! Need help w/ toggling anchor + button

PanBB.Ru wrote:

HTML:

<button class='red' id='js-button'>Нажать</button>

CSS:

.red {
    color: red;
}

.green {
    color: green
}

JavaScript:

$('#js-button').on('click', function(){
    if ($(this).hasClass('red')) {
        $(this).removeClass('red').addClass('green').html('Ещё раз');
        return
    }
    $(this).removeClass('green').addClass('red').html('Нажать');
});

Will give it a shot, thank you for the snippets

Re: Fixed! Need help w/ toggling anchor + button

Superb advice PanBB.RU it did the trick! Thank you!