Избиране на дадена опция и скриване на друга опция

[Lenor]

Здравейте. Давам пример за примерно меню

Ще присъствате ли на събитието: опция Да опция Не
Ще имате ли нужда от транспорт: опция Да опция Не

Има ли възможност още докато избираме опция Не при първото запитване за транспорт и да скрие вторият въпрос. Ако изберем обаче ДА вторият въпрос си остава.

 

[teroristd]

Има начин да се направи с jQuery, но според мен по правилно би било при въпрос "Ще присъствате ли на събитието: опция Да опция Не" и отговор ДА, тогава да се показва вторият въпрос .

 

[teroristd]

Ето ти пример как става и с двата варианта (показване-скриване). Само трябва да си добавиш за примера jquery естествено .

<!doctype html>

<html>
    
    <head>
        
        <title>Demo</title>
        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="jquery-1.6.1.min.js" type="text/javascript" ></script>
        
        <style>
            p {
                background: yellow;
            }
            a {
                background: blue;
                color: white;
                padding: 5px;
                margin-right: 5px;
                text-decoration: none;
            }
        </style>
            
    </head>
                
    <body>
         
        <div id="v-1">
            <p>Ако желаете да видите вторият въпрос щракнете на "Покажи"</p>
            <a id="yes-1" href="#">Покажи</a>
            <a id="no-1"  href="#">Нищо няма да се случи при натискане</a>
        </div>
        
        <div id="v-2" style="display: none;">
            <p>Ако желаете да скриете първият въпрос щракнете на "Скрий"</p>
            <a id="yes-2" href="#">Скрий</a>
            <a id="no-2"  href="#">Нищо няма да се случи при натискане</a>
        </div>
            
        <script>
            $( "#yes-1" ).click(function() {
                $( "#v-2" ).show( "slow" );
            });
            
            $( "#yes-2" ).click(function() {
                $( "#v-1" ).hide( "slow" );
            });
        </script>
                       
    </body>
    
</html>

 

[Lenor]

Добре когато избера Да се листва долното меню, но когато избера Не менюто което се е листнало преди това отново остава отворено. Как мога след като избера Не автоматично предното меню да се скрива.

 

[teroristd]

Това което съм постнал е просто пример. Мислех че, ще го разбереш. Ще ти го обясня по подробно и можеш да си го направиш както пожелаеш.
Имаш id-та на елемнтите и функции за показване и скриване. Просто казваш като щтракнеш на бутон с дадено ид покажи или скрий див с дадено ид. Единствената особеност е че, див-ът който, не искаш да се вижда в началото трябва да има стил style="display: none;" в твоя случай div id="v-2". Ето ти и пример как трябва да е за да показва като щтракнеш на ПОКАЖИ и да скрива като щтракнеш на СКРИЙ. В този пример само на първият див съм задал да показва и скрива. Надявам се да го разбереш.

        // Елементи с id-та
        <div id="v-1"> // Див с id v-1 който държи два бутона
            <a id="yes-1" href="#">Покажи</a> // Бутон с  id yes-1 
            <a id="no-1"  href="#">Скрий</a> // Бутон с id no-1
        </div>

       <div id="v-2" style="display: none;"> // Див с id v-2 който държи два бутона 
            <a id="yes-2" href="#">Покажи</a> // Бутон с  id yes-2 
            <a id="no-2"  href="#">Скрий</a> // Бутон с id no-2
        </div>

         // Функцици за показване и скриване
          $( "#yes-1" ).click(function() { // Ако щракнеш на бутон с id yes-1 
                $( "#v-2" ).show( "slow" );  // Покажи Див с id v-2 
            });

          $( "#no-1" ).click(function() { // Ако щракнеш на бутон с id no-1 
                $( "#v-2" ).hide( "slow" );  // Скрий Див с id v-2 
            });