How to write some jquery script in drupal 7?

Question

How can I write a jquery script in drupal-7? I need some jquery slidetoggle animation on my working site. This is what I have tried so far:

$(document).ready(function () {
  $('div.toggle_area').find('div.toggle_content').hide().end().find('div.toggle_label').click(function() {
    $(this).next().slideToggle(); 
  });
});

Answer 1

use drupal_add_js function for this.

drupal_add_js("jQuery(document).ready(function () {   
                 jQuery('div.toggle_area').find('div.toggle_content').hide().end().find('div.toggle_label').click(function() {
                   jQuery(this).next().slideToggle(); 
                 });
               });", 'inline');  

Manual:

https://api.drupal.org/api/drupal/includes!common.inc/function/drupal_add_js/7