Change from (+) symbol to (-) after click (function(){

by

See the following updated fiddle:
https://fiddle.jshell.net/85s7b7jn/1/

The key is to create a class (I called it .plus) for p.sidebarheading that alters the content of its :after pseudo element to +. Then when anyone clicks on the parent sidebar, that class is toggled on or off, using boilerplate jQuery. (I added a jQuery dependency to your JS because you ought to be using it, as a minimum, for this sort of stuff. It makes your life much easier.)

More Related Contents:

  1. Want to make a multi page navigation menu “HTML, JS, jQuery, Bootstrap” [closed]
  2. How could I make a calendar? [closed]
  3. How to make a screen that looks like mirror in real world? [closed]
  4. Download the text over image using jquery
  5. How can I turn a into a link?
  6. Javascript Execute message when mouse is on left side of page [closed]
  7. Different look in desktop, how to setup
  8. How can this page scroll (it doesn’t work properly)?
  9. Replacing css file on the fly (and apply the new style to the page)
  10. Dynamically loading css stylesheet doesn’t work on IE
  11. How to silently hide “Image not found” icon when src source image is not found
  12. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  13. Use images like checkboxes
  14. Setting CSS value limits of the window scrolling animation
  15. How can I generate the opposite color according to current color?
  16. scrollTop animation without jquery [duplicate]
  17. How to swipe top down JQuery mobile
  18. jQuery: Slide left and slide right
  19. jQuery, image changing on hover [duplicate]
  20. How to increase width of underline for the multiline text when on hover
  21. Rotate div text after clicking on button using jquery and css
  22. How can I make an image carousel with only CSS?
  23. How to Bootstrap navbar static to fixed on scroll?
  24. How to use pagination on HTML tables?
  25. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  26. How to customize the position of an alert box
  27. Showing Placeholder text for password field in IE
  28. How can I reorder elements with JavaScript?
  29. Can you have multiple lines in an element?
  30. In jQuery mobile, what’s the diff between tap and vclick?

Leave a Comment