Hide/Show Jquery

[DobriMcConnor]

Здравейте,

Наясно съм, че има много теми от този тип, но не намерих това което аз търся.

От дясно има един "-", когато го натисна текста в div2 да се скрива и този минус да се променя на "+". Като натисна "+" всичко да се връща както си е било, текста и "+" да се променя на "-".

Надявам се да сте ме разбрали!
Благодаря!

 

[valentinn]

Заповядай:

<html>
	<head>
		<title>Test</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
		<script type="text/javascript">
			$('document').ready(function(){
				$('#but').click(function(){
					$('#bottom').toggle(500);
					var but = $('#but').text();
					if(but == '-'){
						$('#but').html('+');
					}
					else if(but == '+'){
						$('#but').html('-');
					}
				});
			});
		</script>
		
		<style type="text/css">
			#cont {
				background: #ccc;
				width: 300px;
			}
			#but {
				font-size: 30px;
				color: red;
				text-decoration: none;
			}
		</style>
	</head>
<body>
	<center>
		<div id="cont">
			<div id="top">
				DIV1 <a href="javascript: void(0);" id="but">-</a>
			</div>
			<div id="bottom">
				TEXT TEXTTEXT TEXTTEXT TEXTTEXT TEXT
			</div>
		</div>
	</center>
</body>
</html>

 

[DobriMcConnor]

Благодаря ! +1

 

[bytheway]

В сайта си току що качих урок, в който показвам как се прави показване/скриване на съдържание с jQuery. Може би ще ти бъде от полза.

Иначе кода на valentinn също работи, но определено може да се подобри повече. Казвам го без да се заяждам