jQuery Forum

Hi ,

I have a textbox over accordion header , now if i type space into the textbox my accordion get collapsed if it is open. so prevent that i have written following code

      $(".edit").click(function(event) {

    // if default text is present then select the whole content
      if ($(this).attr('default') == $(this).val())
             this.select();
            event.stopPropagation();

     });

Now the problem is when i dobule click then whole content written inside textbox is not selected (Which is a default functionality of a textbox)

so to over come i have written following code
    
    $(".edit").dblclick(function(event) {
        this.select();
     });

but now again if i double click then whole text is getting selected but if i single click then the text inside textbox remain selected only it doesn't behave normally.

am using Jquery Accordion and Jquery Sortable and Draggable.

I have created an accordion and i want to make accordion header and its content body draggable at the same time.

now the problem is if is attach draggable/sortable to accordion directly then h3 (header of accordion) and div (content body of accordion) elements are draggred separately but i want to drag the h3 and div both at the same time. to achieve it i tried to put h3 and div both in a separate div block but then accordion would not perform normally so how to club h3 and div to drag them as a whole block ?

Javascript

$("#accordion").accordion();
$("#accordion").sortable();

HTML is as follows

<div id="accordion">
    <h3>
       <div> Option One </div>
    </h3>
    <div>
       <p>Content 1</p>
    </div>
    <h3>
       <div> Option Two </div>
    </h3>
    <div>
       <p>Content 2</p>
    </div>
</div>