Подгрузка html кода формы из отдельного файла только при клике

Please посмотрите мое прошлое сообщение. Там вроде подробно все описал.

Ваш код:

По вашему примеру

При клике по кнопке идет сценарий либо для show1, либо сценарий для show2

У меня может быть только 1 ID например только show1

То есть обе ссылки выглядят примерно так (у них общий show1):

кнопка 1

<a data-target="#show1">кнопка 1</a>

кнопка 2

<a data-target="#show1">кнопка 2</a>

Если вы по прежнему подтверждаете, что заблуждаюсь я сам. Ок! Буду искать решение дальше. Мне все равно придется искать решение дальше! И позже, если конечно разберусь. Опубликую его тут. (Вероятно я сам туплю)

Прикол оптимизайкиного решения в том, что там вообще никаких сценариев не идёт. Происходит просто выбор нужного варианта.

Воспользуйтесь class. Там можно

присвойте

<input class="form form1 form2">

<input class="form form1 form3">

<input class="form form2">

<input class="form form3">

и т.д.

а далее

на джейквери

$('#button1').click(function(){

$('.form').css('display', 'none');

$('.form1').css('display', 'block');

return false;

})

Знаю что что то делаю не так, так как не знаю 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)

<div id="call">

<form>

<div class="pole1">Поле 1</div>

<div class="pole2">Поле 2</div>

</form>

</div>

<script>

$(function(){

$('.first').click(function(){

$('.pole1').show();

$('.pole2').hide();

});

$('.second').click(function(){

$('.pole2').show();

$('.pole1').hide();

});

});

</script>

В общем-то это самое простое решение.

только сразу хочу предупредить, одновременный запуск show и hide без параметров, при адаптивной верске, например, может вызывать "раскоряку" среди элементов на время, пока скрипт отрабатывает.

чтоб это пофиксить лучше скрывать элемент быстро hide(1) а показывать более-менее медленно show(500), для некой анимации

еще возможен вариант последовательного исполнения, например

$(element).hide(200,function(){

$(element2).show(300);

})

но я в последнее время вместо show/hide предпочитаю fadeOut/fadeIn

S_A_N_T_A, а мне любопытно, зачем Вам вот это

data-target="#call"

И да, надпись

И вот этот элемент в приведенном коде лишний

<div id="call">