Untitled

Страницата трябва да изглежда горе-долу така:

<html>
	<head> ... </head>
	<body>
		...
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<script>
			$(".otvarachka").click(function(){
				$(this).next(".kapachka").toggleClass("zatvorena");
			})
		</script>
	</body>
</html>

Практиката диктува повечето скриптове да бъдат слагани на дъното на <body>-то, а не като едно време - в <head>-а. Така страницата се зарежда по-бързо и може да се изобрази, преди да са заредени скриптовете.
Разбира се, провери дали вече нямаш линк към jQuery в шаблона. Кодът би трябвало да работи с всяка версия.