使用jquery隐藏和显示div不起作用

Question

I am trying to hide div normally but show as user click on drop downlist but not working jquery

<div class="form-group">
    <label>Select Course</label>
    <select name="timepass" class="custom-select">
        <option>Select</option>
        <option id="cour">Php Developer</option>
        <option>Asp.Net</option>
        <option>Python</option>
    </select>
</div>
<div class="mj_tabcontent mj_bottompadder80" id="std-list">
    <table class="table table-striped">
        <tr>
            <td>
                <h4><a href="requirement_detail.html">Mudassir Abbas</a></h4>
            </td>
            </td>
            <td>
                <div class="col-xs-2">
                    <input type="text" placeholder="Grade" class="grade">
                </div>
            </td>
        </tr>
            <td>
                <h4><a href="job_detail.html">Ziab u Nisa</a></h4>
            </td>
            <td>
                <div class="col-xs-2">
                    <input type="text" placeholder="Grade" class="grade">
                </div>
            </td>
        </tr>
        </tr>
            <td>
                <h4><a href="job_detail.html">Raja M.Waleed</a></h4>
            </td>
            <td>
                <div class="col-xs-2">
                    <input type="text" placeholder="Grade" class="grade">
                </div>
            </td>
        </tr>
    </table>
</div>

---

java script code is  
<script>
    $($document).ready(function(){
    $("#std-list").hide();

    $("#cour").click( function(){
    $("#std-list").show();
    });
    });
    </script>

Answer 1

Below code as per my understanding. Please check, i hope it's help you..

    $(document).ready(function(){
         $('.custom-select').change(function(){
          if($(".custom-select option:selected").index() == 1){
             $('#std-list').show();          
          }else{
             $('#std-list').hide();
          }
         });
    });

Answer 2

 $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(1000); }); $("#show").click(function(){ $("p").show(1000); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <p>If you click on the "Hide" button,<br> I will disappear.</p> <button id="hide">Hide</button> <button id="show">Show</button>