Solved

Add Class to Div when clicking a link

Posted on 2016-07-22
1
56 Views
Last Modified: 2016-07-22
Hi,

I have a script that I have done to try and add a class to a container after the user has clicked on it. However it doesn't seem to work. Is there an error in my script below?

<script type="text/javascript">
jQuery(document).ready(function($) {    
    jQuery('.form-toggle').click(function(){
      
        jQuery('.contact-form-container').addClass('form-popout');    
    },    
    function(){    
        jQuery('.contact-form-container').removeClass('form-popout');    
    });
});  

</script>

Many Thanks,

Andrew
0
Comment
Question by:Andrew Spackman
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 1

Accepted Solution

by:
Andrew Spackman earned 0 total points
ID: 41724726
Its Ok I sorted it by using toggleclass instead

<script type="text/javascript">
jQuery(document).ready(function($) {    
    jQuery('.form-toggle').click(function(){
      
        jQuery('.contact-form-container').toggleClass("form-popout");
});  
});
</script>

Thanks anyway
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Asp response.write to clients 6 34
JS library vs Js framework 11 24
Why is my $_POST not going to results page 10 41
AngularJS: ng-repeat 25 27
Avoid defining the variables in the global scope; trying to define them in a local function scope. Because:   • Look-up is performed every time a variable is accessed.   • Variables are resolved backwards from most specific to least specific scope…
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question