There are 2 large calculations in the pictures ! The beginning of a large calculation ] 1 [ continuation of a large computation ] 1 [ enter image description here ] 2

I would like that when I click on the button “Head loss on overcoming resistance when water moves in,” the list for selecting the calculation “a) Filling pipes” and “b) annulus space would be opened, And when I click on the selected list, the corresponding form. How to implement it.

Closed due to the fact that off-topic participants are Alexey Shimansky , Pavel Mayorov , D-side , aleksandr barakin , Dmitriy Simushev 19 May '16 at 11:02 .

  • Most likely, this question does not correspond to the subject of Stack Overflow in Russian, according to the rules described in the certificate .
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • How do the screenshots you provide have to do with the tags you specified? - Bald
  • 2
    You are confused. This is not a resource with your servants - Alexey Shimansky

1 answer 1

If you just need to show / hide the form with the calculations, you can do this:

$(".cal-a").click(function() { $('.calculation-a').toggle(); }); $(".cal-b").click(function() { $('.calculation-b').toggle(); }); 
 .cal-a, .cal-b { cursor: pointer; color: blue; } .calculation-a, .calculation-b { display: none; border: 1px solid black; margin-left: 20px; } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="math"> <div class="title">Потери напора на преодоление сопротивлений при движении воды в</div> <div class="cal-a">a) Заливочных трубах</div> <div class="calculation-a"> <p>Форма с расчетами a</p> </div> <div class="cal-b">b) Затрубном пространстве</div> <div class="calculation-b"> <p>Форма с расчетами b</p> </div> </div>