Java jquery 2不同的滑动切换无法正常工作

嘿，我对jquery和java完全陌生。 如图所示，我有两个文本向下滑动，它们必须分开工作，但右边的文本不能正常工作

这里是我的jquery代码：

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

    <script>
    $(document).ready(function(){
    $("button").click(function(){
    $("p").slideToggle();
    });
    });
    </script>

    <script>
    $(document).ready(function(){
    $("enter").click(function(){
    $("pi").slideToggle();
    });
    });
    </script>

和我的HTML代码：

 <div id="Max Mustermann">

 [...]

 <p style="display:none;">Hallelulja</p><button>Read more...</button>

 </div>



 <div id="Max Mustermann 2">

 [...]

 <pi style="display:none;">Hallelulja</pi><enter>Read more...</enter>

 </div>

代码必须看起来如何才能正确工作？ 谢谢你的帮助

1试着给你的p和按钮一些id或类，这样它就知道该切换哪个元素了

2更改pi并输入p或按钮标签

3只需要一个$document.ready功能。把你所有的脚本都放进去

4您也可以尝试使用CSS类给出display:none

5如果有很多滑动切换功能，而不是为每个按钮编写，那么您需要一般性地编写代码

请参阅下面编辑的代码

HTML:

脚本：

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

    <script>
    $(document).ready(function(){
    $("#button-1").click(function(){
    $("#para-1").slideToggle();
    });       
    $("#button-2").click(function(){
    $("#para-2").slideToggle();
    });
    });
    </script>

---

您只需要一个$document.ready函数。把这两条规则都放进去。我猜这个被忽略了。而且，圆周率听起来很奇怪。用class/id pi创建一个div/paragration/span。你检查过了吗，是这样匹配的吗？

 .displaynone{display:none;}

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

    <script>
    $(document).ready(function(){
    $("#button-1").click(function(){
    $("#para-1").slideToggle();
    });       
    $("#button-2").click(function(){
    $("#para-2").slideToggle();
    });
    });
    </script>