jQuery Toggle Text?

by 
$(function() {
    $("#show-background").click(function () {
        $("#content-area").animate({opacity: 'toggle'}, 'slow'); 
    });

    var text = $('#show-background').text();
    $('#show-background').text(
        text == "Show Background" ? "Show Text" : "Show Background");
});

Toggle hides or shows elements. You could achieve the same effect using toggle by having 2 links and toggling them when either is clicked.

More Related Contents:

  1. Toggle Checkboxes on/off
  2. Toggle input disabled attribute using jQuery
  3. jQuery toggle CSS?
  4. Button text toggle in jquery
  5. jquery .slideToggle() horizontal alternative?
  6. jQuery toggle animation
  7. Click toggle with jQuery
  8. jQuery Toggle State
  9. Sliding divs horizontally with JQuery
  10. jQuery toggle class
  11. What is alternative to use after jQuery 1.9 removed .toggle(function,function)?
  12. How to filter the jqGrid data NOT using the built in search/filter box
  13. How can I trigger the same function from multiple events with jQuery?
  14. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?
  15. Check if inputs are empty using jQuery
  16. Should Jquery code go in header or footer?
  17. TypeError: $.ajax(…) is not a function?
  18. jQuery loop over JSON result from AJAX Success?
  19. jQuery Validate – require at least one field in a group to be filled
  20. Update div with jQuery ajax response html
  21. .delegate() vs .on()
  22. What is the difference between the bind and live methods in jQuery?
  23. Jquery click event not working after append method
  24. data.map is not a function
  25. How to split newline
  26. The $ dollar sign
  27. HTML5 textarea placeholder not appearing
  28. How to subtract two angularjs date variables
  29. Set background colour of select to selected option in JQuery
  30. submit form does not stop in jquery ajax call

Leave a Comment