Javascript-форум (https://javascript.ru/forum/)
-   Серверные языки и технологии (https://javascript.ru/forum/server/)
-   -   Как скрыть блоки с одинаковыми классами кроме того кторый не нужно скрывать? (https://javascript.ru/forum/server/66038-kak-skryt-bloki-s-odinakovymi-klassami-krome-togo-ktoryjj-ne-nuzhno-skryvat.html)

Dydaevskiy 22.11.2016 16:44

Отправил в личку, спасибо Вам огромное. :)

ksa 23.11.2016 08:30

Цитата:

Сообщение от Dydaevskiy
Отправил в личку

Ты тут пример выкладывай... :)
Вместо картинки
http://javascript.ru/forum/435777-post4.html
Сделай аналогичный ХТМЛ минимально, дабы была понятна суть вопроса.

Dydaevskiy 23.11.2016 10:11

Цитата:

Сообщение от ksa (Сообщение 435867)
Ты тут пример выкладывай... :)
Вместо картинки
http://javascript.ru/forum/435777-post4.html
Сделай аналогичный ХТМЛ минимально, дабы была понятна суть вопроса.

Понял, делаю.

Dydaevskiy 23.11.2016 11:02

HTML код страницы:
https://jsfiddle.net/dydaevskiy/cxxavjp9/?utm_source=website&utm_medium=embed&utm_campaign= cxxavjp9

ksa 23.11.2016 11:36

Dydaevskiy, вот как делают тестовые примеры
http://javascript.ru/forum/events/66...tml#post435648

Dydaevskiy 23.11.2016 11:53

Цитата:

Сообщение от ksa (Сообщение 435899)
Dydaevskiy, вот как делают тестовые примеры
http://javascript.ru/forum/events/66...tml#post435648

Понял, переделываю. Спасибо за Ваше терпение.

Dydaevskiy 23.11.2016 12:36

HTML код переделка:
<div id="rcl-tabs">     
<div id="available">
<header class="my_entry-header">
<!-- ТЕСТ 1 -->
            <div class="activtest"><h3 class="wpProQuiz_button aligncenter"><b>А вы пунктуальный человек?  </b></h3>
				<div class="wpProQuiz_content" id="wpProQuiz_1">
				<!-- Содержимое теста -->
				</div> 
			</div>
<!-- ТЕСТ 2 -->
            <div class="activtest"><h3 class="wpProQuiz_button aligncenter"><b>Мой тест </b></h3>
				<div class="wpProQuiz_content" id="wpProQuiz_2">
				<!-- Содержимое теста -->
				</div> 
			</div>
<!-- ТЕСТ 3 -->			
			<!-- СОДЕРЖИМОЕ БЛОКА ПОЛНОСТЬЮ -->
			<div class="activtest"><h3 class="wpProQuiz_button aligncenter"><b>Мой тест </b></h3>        <div class="wpProQuiz_content" id="wpProQuiz_2">
                    <div style="display: none;" class="wpProQuiz_time_limit">
						<div class="time">Лимит времени: <span>0</span></div>
						<div class="wpProQuiz_progress"></div>
					</div>
                <div class="wpProQuiz_checkPage" style="display: none;">
					<h4 class="wpProQuiz_header">Навигация (только номера заданий)</h4>

            <p><span>0</span> из 1 заданий окончено</p>
			<p>Вопросы:</p>
            <div style="margin-bottom: 20px;" class="wpProQuiz_box">
                <ol>
                 <li>1</li>
                </ol>
                <div style="clear: both;"></div>
            </div>
				<input type="button" name="endQuizSummary" value="Завершить тест" class="wpProQuiz_button">
				</div>
					<div class="wpProQuiz_infopage" style="display: none;">
						<h4>Информация</h4>
						<input type="button" name="endInfopage" value="Завершить тест" class="wpProQuiz_button">
					</div>
                <div class="wpProQuiz_text">
					<p>Новый тест</p>
						<div>
							<!-- onClick="show();" --> 
<!-- На данную кнопку необходимо повесить обработчик --><input onclick="show();" class="wpProQuiz_button" type="button" value="Начать тест" name="startQuiz">
    <div>
	<!-- Другое содержимое теста -->
    </div>
            </div>
              
			</div>
            

<!-- Содержимое данного блока (id="done") тоже необходимо скрыть -->
<div id="done">
</div>
<div id="lk-content" class="rcl-content"><div id="tab-agroportal_test_system" class="agroportal_test_system_block recall_content_block active"><div id="subtab-agroportal_test_system" class="rcl-subtab-content">1</div></div></div>    
</div>

ksa 23.11.2016 13:43

Цитата:

Сообщение от Dydaevskiy
HTML код переделка

Жуть какая-то. :blink:
Это ты сам такое написал или генерит какая-то программка?

Что с эти нужно делать?

ksa 23.11.2016 13:47

Цитата:

Сообщение от Dydaevskiy
<header class="my_entry-header">

У этого тега в примере нет закрытия...

Неужели так трудно сделать примерчик для дальнейшей с ним работы?

Dydaevskiy 23.11.2016 14:09

Я максимально сократил код, так как оригинал более 2000 символов.
При клике по кнопке (строка 44) необходимо загнать ID родителя (строка 18) с классом wpProQuiz_content в переменную, и скрыть блоки с классом activtest (у родителя такой же класс, ID нужен для того что б как раз родитель и не скрылся), вместе с с классом activtest скрылся блок с ID done (строка 54).


Часовой пояс GMT +3, время: 13:05.