Adding jquery using php function

Question

I was turned down with this question because I get a php error and my question revolves around jquery, but when I take out the JQUERY everything works fine. * Again I'm creating a wordpress plugin. I am trying show and hide options. *

Please any wordpress plugin creator with knowledge on how to implement jquery as a function please help. Please look at the question that was closed to see the script.

Very similar question: Add a jQuery function to admin pages

function accordion() {
echo '<script type="text/javascript">
var $ = jQuery;
jQuery(function ($) {
    $.fn.showHide = function (options) {

//default vars for the plugin
         var defaults = {
            speed: 1000,
            easing: '',
            changeText: 0,
            showText: 'Show',
            hideText: 'Hide'

        };
        var options = $.extend(defaults, options);

        $(this).click(function () {
                      $('.toggleDiv').slideUp(options.speed, options.easing);

             var toggleClick = $(this);

             var toggleDiv = $(this).attr('rel');

             $(toggleDiv).slideToggle(options.speed, options.easing, function() {
             // this only fires once the animation is completed
             if(options.changeText==1){
             $(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) :   toggleClick.text(options.showText);
             }
              });

          return false;

         });

    };
 })(jQuery);
</script>';
}             
 add_action( "admin_footer", "accordion" );

Answer 1

Why are you not using the built-in enqueue_script function? Simply put your custom jQuery code into a file called custom.js, save it into your plugin or theme folder, then enqueue it with jQuery as a dependency:

<?php
function custom_scripts() {
    if (is_admin()){
        wp_enqueue_script(
            'customjs',
            get_template_directory_uri() . '/js/custom.js',
            array('jquery')
        );
    }
}
add_action('wp_enqueue_scripts', 'custom_scripts');

You'll need to change the get_template_directory_uri() function to get the proper path of your plugin, but that's basically it.

EDIT: You WANTED it in the admin. Missed that.

Answer 2

First, write your function:

function wpse75424_enqueue_custom_script() {
    // Just in case, make sure script only
    // executes on the front end
    if ( ! is_admin() ) {
        ?>
        <script>
        // script goes here
        </script>
        <?php
    }
}

Next, hook your script into an appropriate hook, such as wp_head:

add_action( 'wp_head', 'wpse75424_enqueue_custom_script' );