隱藏除第一個孩子以外的所有子div。當我從第一格中選擇一個廣播選項時，顯示第二個

Question

我想隱藏除第一個孩子以外的所有子div。 當我從第一個div中選擇一個廣播選項時，請顯示第二個。 這是我的代碼。

<?php if ($options) { ?>
<div class="options <?php echo $this->journal2->settings->get('product_page_options_push_classes'); ?>">
   <h3><?php echo $text_option; ?></h3>
   <?php foreach ($options as $option) { ?>
   <?php if ($option['type'] == 'radio') { ?>
   <div class="option form-group<?php echo ($option['required'] ? ' required' : ''); ?> option-<?php echo $option['type']; ?>">
      <label class="control-label"><?php echo $option['name']; ?></label>
      <div id="input-option<?php echo $option['product_option_id']; ?>">
         <?php foreach ($option['product_option_value'] as $option_value) { ?>
         <div class="radio">
            <label>
               <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" class="clickclass" />
               <?php echo $option_value['name']; ?>
               <?php if ($option_value['price']) { ?>
               (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
               <?php } ?>
            </label>
         </div>
         <?php } ?>
      </div>
   </div>
   <?php } ?>
   <?php } ?>
</div>
<?php } ?>

這是我的輸出。

默認情況下，僅應顯示第一組選項“自定義大小”。 當我單擊任何一個單選按鈕時，下一個設置的“自定義樣式”應該出現。

有什么辦法可以實現？

Answer 1

您是否需要以下內容：

<html>
<head>
    <style>
        div {
            border: 1px solid;
            margin: 20px;
            padding: 20px;
            width: 200px;
        }
        .secound {
            display: none;
        }
    </style>
    <script>
    //you need jQuery
    $(function(){
        $('.first input').change(function(){
            $('.secound').fadeIn('slow')
        })
    });
    </script>
</head>
<body>
    <div class="first">
        <p>First Div</p>
        <label>small</label><input type="radio" name="name" value="value">
        <label>medium</label><input type="radio" name="name" value="value1">
        <label>large</label><input type="radio" name="name" value="value2">
    </div>
    <div class="secound">
    <p>Secound Div</p>
        <label>small</label><input type="radio" name="name1" value="value">
        <label>medium</label><input type="radio" name="name1" value="value1">
        <label>large</label><input type="radio" name="name1" value="value2">
    </div>
</body>

觀看演示： http : //jsfiddle.net/sabeti05/73oprqv0/

隱藏除第一個孩子以外的所有子div。當我從第一格中選擇一個廣播選項時，顯示第二個

問題描述

1 個解決方案

解決方案1
1 已采納 2015-10-28 08:58:00

隱藏除第一個孩子以外的所有子div。 當我從第一格中選擇一個廣播選項時，顯示第二個

問題描述

1 個解決方案

解決方案1 1 已采納 2015-10-28 08:58:00

隱藏除第一個孩子以外的所有子div。當我從第一格中選擇一個廣播選項時，顯示第二個

解決方案1
1 已采納 2015-10-28 08:58:00