Nelson, pegando os elementos pela classe o JavaScript recupera uma coleção de elementos num array, portanto para você fazer o que precisa neste caso seria melhor atribuir uma id
a cada parágrafo e fazer a função para quando o clicar em cada um dos h3
mostrar os parágrafos abaixo deles.
Utilizando a forma nativa pode ser assim:
function mostra(elem){
x=document.getElementById(elem);
if (x.style.display == 'inline') {
x.style.display = 'none';
} else {
x.style.display = 'inline';
}
}
#accordion h3{
background-color: lightblue;
cursor: pointer;
}
#accordion p{
display: none;
}
<div id="accordion">
<h3 onclick="mostra('portas')">Portas e Protocolos</h3>
<p id="portas">Um protocolo é uma linguagem que serve como padrão de comunicação entre computadores conectados em uma rede. Já uma porta é um programa cujo número é associado a um endereço IP para que o computador identifique o que fazer com os dados recebidos.</p>
<h3 onclick="mostra('tcp')">TCP/IP e OSI</h3>
<p id="tcp">Os modelos de protocolo mais utilizados na internet são o TCP/IP e o OSI. O primeiro tem 4 camadas(Aplicação, Transporte, Interface e Interface com a Rede) e o último possui 7 camadas</p>
<h3 onclick="mostra('hw')">Hardware</h3>
<p id="hw">Em Hardware aprendemos:</p>
<h3 onclick="mostra('proc')">Processadores</h3>
<p id="proc">O processador é um dispositivo do computador cuja função é calcular e processar informações recebidas.</p>
</div>
Caso queira dar uma olhada num framework que facilita as coisas pra você esse é um exemplo que se enquadra no que você quer fazer.
JQuery UI Accordion
$( function() {
$( "#accordion" ).accordion({
collapsible: true
});
} );
#accordion h3{
background-color: lightblue;
cursor: pointer;
}
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="accordion">
<h3>Portas e Protocolos</h3>
<p>Um protocolo é uma linguagem que serve como padrão de comunicação entre computadores conectados em uma rede. Já uma porta é um programa cujo número é associado a um endereço IP para que o computador identifique o que fazer com os dados recebidos.</p>
<h3>TCP/IP e OSI</h3>
<p>Os modelos de protocolo mais utilizados na internet são o TCP/IP e o OSI. O primeiro tem 4 camadas(Aplicação, Transporte, Interface e Interface com a Rede) e o último possui 7 camadas</p>
<h3>Hardware</h3>
<p>Em Hardware aprendemos:</p>
<h3>Processadores</h3>
<p>O processador é um dispositivo do computador cuja função é calcular e processar informações recebidas.</p>
</div>
Veja mais em: https://jqueryui.com/