﻿//$(document).ready(function() {
  //  $('div.ServicesPanel> div.toggle_container').hide();
    //$(".open").css("display", "block"); 
    //$(".close").css("display", "none"); 
   // $('div.ServicesPanel> div.ServicesButton').click(function() {
    //$(this).next('div').slideToggle('fast')
    //$(".open").css("display", "none");
    //$(".close").css("display", "block");         
    //});
//});



          $(document).ready(function(){

               $('div.ServicesPanel> div#DigitalStrategyContainer').hide();
               $('div.ServicesPanel> div#DigitalMarketingContainer').hide();
               $('div.ServicesPanel> div#SocialMediaContainer').hide();
               $('div.ServicesPanel> div#ResearchContainer').hide();
               $('div.ServicesPanel> div#DigitalEngagementContainer').hide();
               $('div.ServicesPanel> div#PerformanceContainer').hide();
               $('div.ServicesPanel> div#DesignContainer').hide();
               $('div.ServicesPanel> div#DevelopmentContainer').hide();
               $('#DigitalStrategyButton').toggle(

                    function(){ // you can add as much here as you'd like

                       $('#DigitalStrategyContainer').show('fast');              
                       $('#OpenDigitalStrategy').attr('src', '/images/Button_Close.gif');
              
                    }, function() { // same here

                        $('#DigitalStrategyContainer').hide('fast');                        
                        $('#OpenDigitalStrategy').attr('src', '/images/Button_ReadCaseStudies.gif');

                    });

                $('#DigitalMarketingButton').toggle(

                function() { // you can add as much here as you'd like

                        $('#DigitalMarketingContainer').show('fast');
                        $('#OpenDigitalMarketing').attr('src', '/images/Button_Close.gif');

                }, function() { // same here

                        $('#DigitalMarketingContainer').hide('fast');
                        $('#OpenDigitalMarketing').attr('src', '/images/Button_ReadCaseStudies.gif');

                }); 
               
                $('#SocialMediaButton').toggle(

                    function() { // you can add as much here as you'd like

                        $('#SocialMediaContainer').show('fast');
                        $('#OpenSocialMedia').attr('src', '/images/Button_Close.gif');

                    }, function() { // same here

                        $('#SocialMediaContainer').hide('fast');
                        $('#OpenSocialMedia').attr('src', '/images/Button_ReadCaseStudies.gif');

                    });

                $('#ResearchButton').toggle(

                    function() { // you can add as much here as you'd like

                            $('#ResearchContainer').show('fast');
                            $('#OpenResearch').attr('src', '/images/Button_Close.gif');

                    }, function() { // same here

                            $('#ResearchContainer').hide('fast');
                            $('#OpenResearch').attr('src', '/images/Button_ReadCaseStudies.gif');

                        });

                $('#DigitalEngagementButton').toggle(

                    function() { // you can add as much here as you'd like

                            $('#DigitalEngagementContainer').show('fast');
                            $('#OpenDigitalEngagement').attr('src', '/images/Button_Close.gif');

                    }, function() { // same here

                            $('#DigitalEngagementContainer').hide('fast');
                            $('#OpenDigitalEngagement').attr('src', '/images/Button_ReadCaseStudies.gif');

                        });

                $('#PerformanceButton').toggle(

                    function() { // you can add as much here as you'd like

                        $('#PerformanceContainer').show('fast');
                        $('#OpenPerformance').attr('src', '/images/Button_Close.gif');

                    }, function() { // same here

                        $('#PerformanceContainer').hide('fast');
                        $('#OpenPerformance').attr('src', '/images/Button_ReadCaseStudies.gif');

                    });

                $('#DesignButton').toggle(

                    function() { // you can add as much here as you'd like

                        $('#DesignContainer').show('fast');
                        $('#OpenDesign').attr('src', '/images/Button_Close.gif');

                    }, function() { // same here

                        $('#DesignContainer').hide('fast');
                        $('#OpenDesign').attr('src', '/images/Button_ReadCaseStudies.gif');

                    });

                $('#DevelopmentButton').toggle(

                function() { // you can add as much here as you'd like

                        $('#DevelopmentContainer').show('fast');
                        $('#OpenDevelopment').attr('src', '/images/Button_Close.gif');

                }, function() { // same here

                        $('#DevelopmentContainer').hide('fast');
                        $('#OpenDevelopment').attr('src', '/images/Button_ReadCaseStudies.gif');

                });  

          });
          

