Javascript 试图禁止<；p>；仅在文本前标记

我已经创建了一个点击切换功能，在这里我可以控制我的div。我有一个FaQ部分，用户点击一个主题，底部部分出现，但是我的

标记跨越了整行，而不是停留在单词上。
这是我想说的内容的图像

我希望当用户悬停在general上时，只有鼠标指针应该改变，就像现在一样，即使用户将鼠标移到整行，指针也会改变

$（文档）.ready（函数（）{
//使用类msg_body隐藏所有元素
$（“.msg_body”）.hide（）；
//使用类msg_body切换组件网
$（“.msg_head”）。单击（函数（）{
$（this.next（“.msg_body”）.slideToggle（100）；
});
});
.msg\u头{
光标：指针；
光标：手；
字体大小：20px；
文字装饰：下划线；
颜色：红色；
浮动：左；
明确：两者皆有；
}
.msg_body{
颜色：黑色；
明确：两者皆有；
}

概述：

一般类别的子问题之一

对一般类别子问题1的答复
这是因为默认的
p
标记是块元素，占用了
宽度上的所有可用空间。尝试添加以下内容：

.msg_head {
  float:left;
  clear:both;
}
.msg_body {
  clear:both;
}

这是因为默认的
p
标记是块元素，占用了
宽度上的所有可用空间。尝试添加以下内容：

.msg_head {
  float:left;
  clear:both;
}
.msg_body {
  clear:both;
}

您只需使
可单击，而不是
。
您可以将其包装在
中，以使其保持在块显示中


$（文档）.ready（函数（）{
//使用类msg_body隐藏所有元素
$（“.msg_body”）.hide（）；
//使用类msg_body切换组件网
$（“.msg_head”）。在（'click'，function（）上{
$（this.parent（）.next（“.msg_body”）.slideToggle（100）；
});
console.log（$（'.msg_head'））；
});
.msg\u头{
光标：指针；
光标：手；
字体大小：20px；
文字装饰：下划线；
颜色：红色；
}
.msg_body{
颜色：黑色；
}


概述：


总类子问题1

对一般类别子问题1的答复
您只需使一个
可点击，而不是一个
。
您可以将其包装在
中，以使其保持在块显示中


$（文档）.ready（函数（）{
//使用类msg_body隐藏所有元素
$（“.msg_body”）.hide（）；
//使用类msg_body切换组件网
$（“.msg_head”）。在（'click'，function（）上{
$（this.parent（）.next（“.msg_body”）.slideToggle（100）；
});
console.log（$（'.msg_head'））；
});
.msg\u头{
光标：指针；
光标：手；
字体大小：20px；
文字装饰：下划线；
颜色：红色；
}
.msg_body{
颜色：黑色；
}


概述：


总类子问题1

对一般类别子问题1的答复
将文本“general”包装在
中span
尝试过它，但不起作用
默认情况下是块元素。如果希望内联显示，请使用内联元素或将display设置为inlineto添加到@charlietfl的响应中。。在您的css上
p{display:inline}
将文本“general”包装在
span
中，如果尝试了它，则不起作用
默认情况下是块元素。如果希望内联显示，请使用内联元素或将display设置为inlineto添加到@charlietfl的响应中。。在你的css上，
p{display:inline}
@Raul很高兴帮助你需要一个建议，当我点击General时，底部的消息会出现，但不是->箭头，我想显示一个向下的箭头，这样感觉像是扩展了任何线索如何继续？我想我需要像每次交替单击一样的东西来更改箭头sign@Raul你用的是字体真棒吗？是的，我用的是字体awesome@Raul一种选择是像这样旋转实际的箭头元素@Raul很高兴帮助你需要更多的建议，当我点击General时，底部的消息会出现，但不是->箭头，我想显示一个向下的箭头，这样它感觉像是扩展了的任何线索如何继续？我想我需要像每次交替单击一样的东西来更改箭头sign@Raul你用的是字体真棒吗？是的，我用的是字体awesome@Raul一个选项是像这样旋转实际的箭头元素