Php 如何将Ajax用于代码点火器标签

我的CodeIgniter网站有两个带有单选按钮的标签。

在“加载”页面中，显示所有课程名称。我想，当我点击按钮时，只显示相关的课程名称。怎么做

控制器

public function index(){  
    $this->load->model('course_model'); 
    $course_data['course'] = $this->course_model->get_data();
    $this->load->view('ajaxtest', $course_data);      
}

模型

看法

学校
大学

    <div>





<?php 
//Looping course's
            foreach ($course as $add) {
                // check if current course is related to school, or universty
                $dynamic_class = 'school_course'; // if related to school add (school_course) class
                $dynamic_class = 'uni_course'; // if related to universty add (uni_course) class
                echo "<div class=".$dynamic_class.">";
                echo "<p>" .$add->course_name.  "</p>";
                echo "</div>";
            }
        ?>
        </div>

使用下面的代码。 你必须为你提供的课程类别添加逻辑

学校 大学

---

    <div>





<?php 
//Looping course's
            foreach ($course as $add) {
                // check if current course is related to school, or universty
                $dynamic_class = 'school_course'; // if related to school add (school_course) class
                $dynamic_class = 'uni_course'; // if related to universty add (uni_course) class
                echo "<div class=".$dynamic_class.">";
                echo "<p>" .$add->course_name.  "</p>";
                echo "</div>";
            }
        ?>
        </div>

使用下面的代码。
你必须为你提供的课程类别添加逻辑

学校
大学

    <div>





<?php 
//Looping course's
            foreach ($course as $add) {
                // check if current course is related to school, or universty
                $dynamic_class = 'school_course'; // if related to school add (school_course) class
                $dynamic_class = 'uni_course'; // if related to universty add (uni_course) class
                echo "<div class=".$dynamic_class.">";
                echo "<p>" .$add->course_name.  "</p>";
                echo "</div>";
            }
        ?>
        </div>


<script type="text/javascript">
    $(function(){
        $('.toggle_course').click(function(){
            if($(this).val() == 'school') {
                $('.school_course').fadeIn();
                $('.uni_course').fadeOut();
            }else{
                $('.uni_course').fadeIn();
                $('.school_course').fadeOut();
            }   
        });
    });
</script>