Подскажите как работать с :after

[L6go1as]

Уважаемые, подскажите, как работать с :after, ни как не могу понять ...

Есть код:

<a rel="nofollow" href="#test"></a>

По нажатию на ссылку, должен изменяться следующий кусок кода:

<div id="test" style="display:none;">

На

<div id="test" style="display:block;">

Как это сделать ? Почитал, вроде бы :after должен тут работать, но как ?
Подскажите пожалуйста как сие реализовать.
Заранее спасибо.

[Вадим Мошев]

ИМХО, after здесь не нужен и, по-моему, не поможет.

Для таких целей я бы посоветовал использовать JavaScript

Для ссылки пишите:

<a rel="nofollow" href="#test" onClick = 'f()'></a>

А выше написать, следующее

<script type = "text/javascript">
function f()
	{
		document.getElementById('test').style.display = 'none';
	}

</script>

попробуйте.

[L6go1as]

Сообщение от Вадим Мошев

ИМХО, after здесь не нужен и, по-моему, не поможет.

Для таких целей я бы посоветовал использовать JavaScript

Для ссылки пишите:

<a rel="nofollow" href="#test" onClick="this.style.display = 'block'"></a>

попробуйте.

JS добавит "display: block;" как стиль <a>, а мне то нужно что бы при нажатии на ссылку поменялся стиль <div> который идет за ссылкой.

[Вадим Мошев]

Я исправил своё сообщение, посмотрите ещё раз

[L6go1as]

Сообщение от Вадим Мошев

Я исправил своё сообщение, посмотрите ещё раз

В принципе работает.

Как и мой вариант, хотя в вашем меньше строк (но я js не особо знаю, как и jquery, но последним все же чаще пользуюсь)

Мой код тоже работает.

<script>
$(document).ready(function()
	{
		$("#link").click(function()
						 {
							 $("#test").css("display", "block");
						 });
	});
</script>

Могу ошибаться, но разве :after не может динамически что-то менять ?

[Вадим Мошев]

CSS не в полной мере знаю.
Сам по себе after динамически ничего не меняет, он лишь только устанавливает правила оформления. Кроме того он несамостоятельный, и зависит от того элемента, которому он приписывается через CSS. Не будет элемента - не будет и его.
Изложил своё видение/знание.

[L6go1as]

Сообщение от Вадим Мошев

CSS не в полной мере знаю.
Сам по себе after динамически ничего не меняет, он лишь только устанавливает правила оформления. Кроме того он несамостоятельный, и зависит от того элемента, которому он приписывается через CSS. Не будет элемента - не будет и его.
Изложил своё видение/знание.

Ясно, буду дальше разбираться, в любом случае спасибо за помощь.