Javascript Java脚本代码不工作

Javascript Java脚本代码不工作,javascript,Javascript,在本代码中,在加载期间仅显示第1部分。 当单击html代码显示的多个部分时 但下面的Java脚本不起作用。如果有任何一个解决方案,请回答 <div class="box"> <h2 > west delhi</h2> <span class=" first-paragraph teaser ">Part 1 </span> <span class="toggle" style="display: none;">

在本代码中,在加载期间仅显示第1部分。 当单击html代码显示的多个部分时
但下面的Java脚本不起作用。如果有任何一个解决方案,请回答

     <div class="box">
 <h2 > west delhi</h2>
 <span class=" first-paragraph teaser ">Part 1 </span>
 <span class="toggle" style="display: none;">  Part 2</span>
  <a href="javascript:void(0)" class="moreBtn" style="color:#ff0000;">more...</a>
</div> 






<script src="js/return_city_name.js"> document.readyState()</script>
    <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider-min.js">   </script>
    <script type="text/javascript" src="js/select.min.js"></script>
    <script type="text/javascript" src="js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
     <script>
        $(document).ready(function () {
            $(".box .moreBtn").click(function () {
                $(this).parent('.box').find(".toggle").toggle(); 
                if($(this).parent('.box').find('.toggle').css('display')=='none'){
                    $(this).text('more');
                }else{
                    $(this).text('less');
                }
            });
        });
    </script>

西德里
第一部分
第二部分
document.readyState()
$(文档).ready(函数(){
$(“.box.moreBtn”)。单击(函数(){
$(this).parent('.box').find(“.toggle”).toggle();
if($(this).parent('.box').find('.toggle').css('display')='none')){
$(this.text('more');
}否则{
$(this.text('less');
}
});
});

您需要将jQuery添加到代码中

下载()并在HTML标题部分中引用它:

<script src="jquery-1.12.0.min.js"></script>

或者使用一个CDN:

谷歌:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

微软:

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script>

它在这里工作

$(文档).ready(函数(){
$(“.box.moreBtn”)。单击(函数(){
$(this).parent('.box').find(“.toggle”).toggle();
if($(this).parent('.box').find('.toggle').css('display')='none'){
$(this.text('more');
}否则{
$(this.text('less');
}
});
});

西德里
第一部分
第二部分