Выводит чистый лист, хотя в коде есть что нужно

844

joost

12 марта 2016, 10:02

672


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
	$(".toggle-features").click(function(event) {
		$(".features").toggle();
	});
</script>
<div class="toggle-features">Характеристики</div>
<div class="features">Отображать этот текст по нажатию на "Характеристики"</div>

Выводит чистый лист, хотя в коде есть что нужно

142

VHS

12 марта 2016, 10:11

#1

Ты просто решил поделиться куском г-кода, или как обычно просишь решить за тебя все проблемы?

1 - Посчитай открывающиеся и закрываюoиеся теги <script>

2 - Открой для себя кнопку F12 и вкладку Console

Как удалить весь JS Скрипт для экспорта площадок Проферить тхт файлы на

473

eis

12 марта 2016, 10:20

#2

joost, на первый взгляд - не видно закрывающего </script>

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки

J

844

joost

12 марта 2016, 10:24

#3

eis:
не видно закрывающего </script>
__________________

поправил

но <div class="features">Отображать этот текст по нажатию на "Характеристики"</div>

сразу отображается, хотя должно быть крыто и только после нажатия на "Характеристики" отображаться

I2

38

indenger20

12 марта 2016, 10:35

#4

joost:

но <div class="features">Отображать этот текст по нажатию на "Характеристики"</div>
сразу отображается, хотя должно быть крыто и только после нажатия на "Характеристики" отображаться

C какого перепугу он должен сразу скрытым быть?

Вы указывали это где-то?

Качественная верстка PSD макетов (/ru/forum/974524)

J

844

joost

12 марта 2016, 11:01

#5

indenger20, а как указать?

I2

38

indenger20

12 марта 2016, 11:09

#6

в стилях хотя бы напишите


.features {

  display:none;

}

Но лучше присваивать и удалять класс


<style>

.feature {

  display: none;

}

.feature_visible {

  display: block;

}

</style>

<script type="text/javascript">

	$(".toggle-features").click(function(event) {

		$(".features").toggleClass('feature_visible');

	});

</script>

как то так

ДП

203

Дикий пионер

12 марта 2016, 11:19

#7

ваш код назначения обработчика клика надо обернуть в $(document).ready(); - а то у вас js срабатывает судя по коду сразу, а самого элемента к этому времени на странице еще нет.

1

J

844

joost

12 марта 2016, 11:25

#8

Дикий пионер:
$(document).ready();

это куда вставить?

---------- Добавлено 12.03.2016 в 15:25 ----------

п.с. я не очень то разбираюсь

ДП

203

Дикий пионер

12 марта 2016, 11:34

#9

вот так должно быть


<script type="text/javascript">

$(function(){

	$(".toggle-features").click(function(event) {

		$(".features").toggleClass('feature_visible');

	});

});

</script>

1

J

844

joost

14 марта 2016, 15:23

#10

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script type="text/javascript">

$(function(){

	$(".toggle-features").click(function(event) {

		$(".features").toggleClass('feature_visible');

	});

});

</script>

<div class="toggle-features">Показать Характеристики</div>

<div class="features" style="display:none">Текст по нажатию</div>

"Текст по нажатию" на странице не отображается сразу и по нажатию на "Показать Характеристики" тоже. Что же не так?

---------- Добавлено 14.03.2016 в 19:46 ----------

Проблема решена

function openbox(id){

    display = document.getElementById(id).style.display;



    if(display=='none'){

       document.getElementById(id).style.display='block';

    }else{

       document.getElementById(id).style.display='none';

    }

}

</script><a href="#" onclick="openbox('box'); return false">Открыть</a><div id="box" style="display: none;">Отображаемый блок</div>

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов