jQuery - Toggle an attribute

Question

I have the following code

value.bind( function( to ) {
    $( '#header.alt.reveal' ).attr('style', 'background:transparent;', to );

It's placed in a function that adds the attribute when a checkbox is checked. However, I want to make this toggle so that when it is unchecked the attribute is removed. Can someone explain how I do this please

For a bit of context - this is the js file that controls real time changes in the wordpress customizer - the whole of this snippet looks like this:

// FRONT PAGE MENU TRANSPARENCY
wp.customize( 'front_page_menu_transaprency', function( value ) {
    value.bind( function( to ) {
        $( '#header.alt.reveal' ).toggle.attr('style', 'background:transparent;', to );

    });
});

@A.Wolff just added a bit of context to the question, thanks — Sam Skirrow
– Sam Skirrow, Commented Apr 29, 2014 at 15:09
@SamSkirrow According the documentation of Jquery, there are only two parameters for the method .attr(). For what stays the third parameter? — Reporter
– Reporter, Commented Apr 29, 2014 at 15:17

AnchovyLegend · Accepted Answer · 2014-04-29 15:12:38Z

2

I believe you're looking for something as follows:

$(".checkbox").click(function(){
   if($(this).is(':checked')){
       $('#header.alt.reveal').addClass('classname');
   }else{
       $('#header.alt.reveal').removeClass('classname');
   }
});

answered Apr 29, 2014 at 15:12

AnchovyLegend

12.6k41 gold badges155 silver badges240 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bill Criswell Over a year ago

I was totally misunderstanding the question. You could make this a little less repetitive by doing: $('#header.alt.reveal').toggleClass('classname', this.checked);

Bill Criswell · Accepted Answer · 2014-04-29 15:18:26Z

1

I believe you're looking for something like this. I'm just changing the background color to red when something is true.

$('#header.alt.reveal').css('background-color', function () {
  return to ? '#f00' : 'transparent';
});

edited Apr 29, 2014 at 15:18

answered Apr 29, 2014 at 15:11

Bill Criswell

33k8 gold badges80 silver badges68 bronze badges

Collectives™ on Stack Overflow

jQuery - Toggle an attribute

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related