Выплывающая кнопка

Всем привет, как сделать, чтобы наоборот появлялась, а не убиралась.

Код:

<button class="btn btn-warning btn-sm" data-widget="collapse" data-toggle="tooltip" title="" data-placement="left" data-original-title="Скрыть"><i class="fa fa-minus"></i></button>

Дай ссылку на страничку и укажи какую кнопку нужно изменить.

зачем тебе страница? Мне нужно что-то типо сполера, этот кусок кода, скрывает при нажатии на кнопку, а мне надо чтобы он изначально скрывал, а на кнопку выдвигал. data-widget="collapse" этот параметр надо изменить.

Код:

                <section class="content">
                    <div class="box box-success">
								<div class="box-header">
									<i class="fa-power-off"></i>
									<h3 class="box-title"><b>Инструкция по активации</b></h3>
				<div class="pull-right box-tools">
					<button class="btn btn-warning btn-sm" data-widget="collapse" data-toggle="tooltip" title="" data-placement="left" data-original-title="Скрыть"><i class="fa fa-minus"></i></button>
				</div>
								</div>
						<div class="box-body">
							<div id="selected_server">
								<div class="callout callout-danger">
									<div class="box-body">
                                       <p>
											тут текст
										</p>
                                    </div>
								</div>					
							</div>
                        </div>
                    </div>
                </section>

Затем, что изменять надо JS, а не HTML

http://api.jquery.com/slideToggle/