Best way to hide/show elements dinamically

[d3c4dent]

One more take on this, please. I can’t seem to find my error.

I am trying to create an input box that can be shown or hidden by a button press.

I tried with this code below, but the button actually does nothing.

Any idea where am I making the mistake?

<div class="row" id="bhidden" >

	<?php echo $form->labelEx($contact,'phone'); ?>

	<?php echo $form->textField($contact,'phone',array('size'=>35,'maxlength'=>45)); ?>

	<?php echo $form->error($contact,'phone'); ?>

</div>


...


<?php echo CHtml::button('Hide', array('onClick' => 'js:$("#bhidden").toggle();' )); ?>

Thank you.

[imaminul]

I use [size="3"]display element on dropdown selection[/size] ,

I want to display another dropdown on selection of first one and I use following code .

step : 1 => code for view file

<div class="row">                                              //   first dropdown for selection

		<?php echo $form->labelEx($model,'E_ROLE'); ?>

		<?php echo $form->dropDownList($model,'E_ROLE',array(""=>"Select","Admin"=>"Admin","Employee"=>"Employee","TL"=>"TL"),array('onchange'=>'return muFun(this.value)')); ?>

		<?php echo $form->error($model,'E_ROLE'); ?>

	</div>

    

    

    <div id="TLID_DIV" style="display:none">                  //   hidden dropdown enable on selection first one

   		<div class="row">

		<?php echo $form->labelEx($model,'E_TLID'); ?>

	       <?php echo CHtml::activeDropDownList($model,'E_TLID', $model->getTL() , array('prompt'=>'Select') ); ?>

		<?php echo $form->error($model,'E_TLID'); ?>

		</div>    

    </div>

step : 2 => code for js

function muFun(obj){

		if(obj=="Employee"){

		document.getElementById('TLID_DIV').style.display="block"; 

		return false;

		}else{

		document.getElementById('TLID_DIV').style.display="none"; 

		return false;

		}

	}

[imaminul]

Thanks

[reykel (Rhpalacios66)]

please keep you close to the framework style for scripts managements…