É o seguinte: preciso fazer com que quando uma pessoa clicar sobre uma imagem, o atributo 'display' de um 'ul' seja mudado para block, e depois, quando essa pessoa clicar novamente, o valor do atributo seja 'none'. Eu queria pegar o valor do atributo 'display' dessa lista para fazer com que se o valor for 'block', quando ela clicar no 'ul' o valor seja 'none' e ele suma.
HTML
<html>
<head>
<meta charset="utf-8"/>
<title>Teste</title>
</head>
<body>
<img src="../imagem.png" id="imagem"/>
<ul id="lista">
<li>Item de lista</li>
</ul>
</body>
JQuery
$(document).ready(function() {
$("ul#lista").css('display', 'none');
$("img#imagem").click(function() {
$("#listadostres").css('display', 'block');
})
})