Спасибо! Очень интересное решение. Надеюсь в моем случае все таки удастся его применить. Уже как несколько часов тестирую. На примерах все отлично получается. Но в моем случае (он несколько отличается от картинки которую скинул), пока реализовать не получилось.
Можно и визуально блоки переставить, главное чтобы контент в исходном коде не дублировался.Сложность в том, что:
1) Есть есть 3 блока которым нужно назначить порядочность отображения
2) 2 первых блока, которые расположены слева заключены в свой див
3) Далее они обтекаются третьим блоком, который должен идти справа от них
4) (Блок 2) при разрешении меньше 480px, должен сместиться под блок 3
Просьба откликнуться тем, кто действительно может помочь по существу Решение нужно для того, чтобы на мобильной версии не скрывать текст. А переместить его в более удобное место, чтобы сделать акцент на более важной информации. И для СЕО будет полезно. Потому что через скрытие придется дублировать контент для отображения в другом месте. Надеюсь, вы меня поймете.
Знаю что что то делаю не так, так как не знаю js
Но что именно
<a nclick="Pryachem" data-target="#call">Кнопка 1</a>
<a nclick="Pryachem2" data-target="#call">Кнопка 2</a>
<div id="call">
<form>
<div class="pole1">Поле 1</div>
<div class="pole2">Поле 2</div>
</form>
</div>
<script type="text/javascript">
var Pryachem = click(function(){
$('.pole1').css('display', 'none');
return false;
})
</script>
Хочу при клике по "Кнопка 1" спрятать "Поле 1". ---------- Добавлено 24.10.2018 в 10:29 ----------
РЕБЯТ ЕСЛИ КОМУ ПОНАДОБИТСЯ, ВОТ РЕШЕНИЕ:
<a data-target="#call" class="first">Кнопка 1</a> (ДОБАВЛЯЕМ КЛАСС FIRST)
<a data-target="#call" class="second">Кнопка 2</a> (ДОБАВЛЯЕМ КЛАСС SECOND)
<script>
$(function(){
$('.first').click(function(){
$('.pole1').show();
$('.pole2').hide();
});
$('.second').click(function(){
$('.pole2').show();
$('.pole1').hide();
Please посмотрите мое прошлое сообщение. Там вроде подробно все описал.
Ваш код:
По вашему примеру
При клике по кнопке идет сценарий либо для show1, либо сценарий для show2
У меня может быть только 1 ID например только show1
То есть обе ссылки выглядят примерно так (у них общий show1):
кнопка 1
<a data-target="#show1">кнопка 1</a>
кнопка 2
<a data-target="#show1">кнопка 2</a>
Если вы по прежнему подтверждаете, что заблуждаюсь я сам. Ок! Буду искать решение дальше. Мне все равно придется искать решение дальше! И позже, если конечно разберусь. Опубликую его тут. (Вероятно я сам туплю)
Вот картинка - https://ibb.co/jG2bGV
Там форма которая находится внутри div id.
Это div id называется call
вот кнопка 1
<a class="call-f" data-toggle="modal" data-target="#call" title="название" data-innerhtml=" название"> название </a>
вот кнопка 2
<a class="call-f" data-toggle="modal" data-target="#call" title="название 2" data-innerhtml=" название 2"> название 2</a>
Вот html код для обоих кнопок
<form method="post" action="" id="formname" name=" formname ">
поле 1<br />
поле 2
Условие:
заменить id="call" - не могу
добавить еще один id - тоже не могу
Вопрос
Как я могу при нажатии 1 кнопки отобразить только текст "поле 1"?
При нажатии второй кнопки отобразить только текст "поле 2"?---------- Добавлено 23.10.2018 в 22:54 ----------Я же написал в самом начале
У меня может быть только 1 ID, в этом то и проблема =(
Вот нарисовал - https://ibb.co/jG2bGV---------- Добавлено 23.10.2018 в 21:24 ----------Ваш пример подходит только если формы разные и классы разные.---------- Добавлено 23.10.2018 в 21:27 ----------
Нарисовал картинку, что я имею в виду.
Возможно сам не правильно объясняю)---------- Добавлено 23.10.2018 в 21:29 ---------- В общем нужно чтобы каждая кнопка и форма были связаны 1 уникальным классом.---------- Добавлено 23.10.2018 в 21:30 ----------Кнопок несколько, форма одна. У формы для каждой кнопки должны быть скрыты некоторые поля. Для пользователя это будут типо разные формы.---------- Добавлено 23.10.2018 в 21:38 ----------Спасите человека, уже глаз дергается))---------- Добавлено 23.10.2018 в 21:39 ----------Еще раз продублирую
Вот нарисовал - https://ibb.co/jG2bGV
Не совсем оно.
Как полностью спрятать поле "No Secret" в одной форме и показать "No Secret"?
Если формы используют один и тот же <form></form>
А так же используют один и тот же Id.
Кнопка 1:
Кнопка 2:
HTML код:
Тут куча кода
У кнопок одинаковые ID, а поля в форме они должны одни скрыть, а другие показать.
Ребят я понял, что мне эти варианты не по зубам и решил пойти немного другим путем. Вместо трех форм, сделаю 1 со всеми полями, а не нужные поля скрою через display: none. То есть там где эти поля не нужны буду скрывать, а где нужны будут показываться.
Но есть одно НО
Было бы круто использовать несколько id для div, но я так понимаю, что так нельзя. Как при нажатии кнопки заставить присвоить уникальный класс? Чтобы потом скрыть не нужные поля в разных формах.
Это бы в корне решило вопрос
