i created a button with custom html , i want when i click on that button a new hidden section show up how to do that

 
1
0
-1

,first how to put the section invisible , when i click on the button i want a hidden section with information from the other section to show up 

    CommentAdd your comment...

    3 answers

    1.  
      1
      0
      -1

      Hi,

      You can achieve this as follow:

      1. Create a hidden field and give it a value, use this hidden field for section visibility criteria.

      2. When you click on button, using js/jquery, set the value to hidden field and call the change function as below

        <script>
	$('#button').click(function(){
		$('hiddenFieldId').val('NEWVALUE').trigger("change");
	});
</script>



        This should do the trick.
      1. saif juini

        hello Mr.habbi thanks for your answer , what i understand is this "check the photos bellow " : tell me what to change : 

      2. saif juini

        yea your code works fine its just when i click on that button the  form is submited and the page is fast refreshed so the hiden field value gets back to its default value , do u have any ideas ?

      3. saif juini

        thanks alot Mr.habibi , all works fine now 

      CommentAdd your comment...
    2.  
      1
      0
      -1

      thanks for your answer ; but i don't wanna use a select box lets say that im building a calculator  i got two input fields i created a button i want when clicked a new section show up with the result 

        CommentAdd your comment...
      1.  
        1
        0
        -1

        Hi, you don't need to use custom JavaScript for that. You could if you prefer to, but it would be much simpler to just use Show and Hide Form Sections.  

          CommentAdd your comment...