Форум

Stroy · #1 (**permalink**) 28.11.2014, 16:01

Доброго времени суток. Есть такая конструкция

<div class="first" id="a1"> 
<a href="#">Ссылка1</a>
Какой-то текст
<a href="#">Ссылка2</a>
</div>

Как сделать так, чтобы при клике по любой из ссылок этот div принимал свойство display:none? При этом должен совершиться переход по ссылке.
Заранее благодарен всем за ответы.

ksa · #2 (**permalink**) 28.11.2014, 16:10

Сообщение от Stroy

Как сделать так, чтобы при клике по любой из ссылок этот div принимал свойство display:none? При этом должен совершиться переход по ссылке.

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function (){
	$('.first > a').click(function (){
		$(this.parentNode).fadeOut();
	});
});
</script>
</head>
<body> 
<div class="first" id="a1"> 
	<a href="!51979!http://javascript.ru/forum/misc/51979-kak-izmenit-svojjstva-div.html">Ссылка1</a>
	Какой-то текст
	<a href="!51979!http://javascript.ru/forum/misc/51979-kak-izmenit-svojjstva-div.html">Ссылка2</a>
</div>

</body>
</html>

Stroy · #3 (**permalink**) 28.11.2014, 17:02

Спасибо. Все работает. При обновлении страницы по F5, этот div появляется снова. Как от этого избавиться?

Erolast · #4 (**permalink**) 28.11.2014, 17:24

Используй cookie.

danik.js · #5 (**permalink**) 28.11.2014, 17:55

На серваке че голый html чели? Ща везде скриптовые языки юзают, хотяб тот же js или php.

Форум

Справочник

Discord чат

Курсы javascript